title: Countdown Timer in MVC
body: <p>I am displaying a countdown timer in _Layout.cshtml page using this <a href="http://jsfiddle.net/hHD4w/28/" rel="nofollow">code</a>.
  <br/>But when I move from one page to another page, the timer is starting again when the new page loads.
  1.How to display the timer without starting again when it navigates to a new page.<br/>
  2.How to stop the user refreshing the page so that the timer doesnt start again.</p>
  
  <p>My Layout code : </p>
  
  <pre><code>     &lt;table width="100%"&gt;
     &lt;tr&gt;
     &lt;td width="2%"&gt;
     &lt;img src="~/Images/philips_new.png" alt="" height="45" width="155" /&gt;
     &lt;/td&gt;
     &lt;td width="79%" align="right" class="Text_nocolor"&gt;
     &lt;span class="Text_nocolor"&gt;
    @{ Html.RenderAction("GetUserName", "Login");}
     &lt;/span&gt;
    &lt;/td&gt;
    &lt;td width="4%"&gt;
  &lt;div id="counter"&gt;
   &lt;/div&gt;
   &lt;/td&gt;
   &lt;td width="4%" class="Text_nocolor" valign="middle"&gt;
      &lt;a href="@Url.Action("Index", "Login", new { controller = "Login" })"&gt;
   &lt;img src="~/Images/nome-logout.png" alt="" height="24" width="30" style="border-style: none; cursor: pointer;" /&gt;&lt;/a&gt;
    &lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p>I tried using the jquery plugin countdown timer , but it shows object doesnt support this property error in IE.<br/>
  Any suggestions will be helpful.</p>