Countdown-Timer in MVC

Ich bin die Anzeige einen countdown-timer in der _Layout.cshtml-Seite mit diesem code.

Aber wenn ich mich bewege, von einer Seite zu einer anderen Seite, wird der timer startet erneut, wenn die neue Seite geladen wird.
1.Die Anzeige der timer ohne starten wieder, wenn es zu einer neuen Seite navigiert.

2.Wie zu stoppen die Benutzer die Seite aktualisieren, so dass der timer nicht erneut starten.

Mein Layout code :

     <table width="100%">
   <tr>
   <td width="2%">
   <img src="~/Images/philips_new.png" alt="" height="45" width="155" />
   </td>
   <td width="79%" align="right" class="Text_nocolor">
   <span class="Text_nocolor">
  @{ Html.RenderAction("GetUserName", "Login");}
   </span>
  </td>
  <td width="4%">
<div id="counter">
 </div>
 </td>
 <td width="4%" class="Text_nocolor" valign="middle">
    <a href="@Url.Action("Index", "Login", new { controller = "Login" })">
 <img src="~/Images/nome-logout.png" alt="" height="24" width="30" style="border-style: none; cursor: pointer;" /></a>
  </td>
  </tr>
 </table>

Versuchte ich mit dem jquery-plugin, countdown-timer , aber es zeigt Objekt nicht unterstützt diese Eigenschaft Fehler im IE.

Alle Vorschläge werden hilfreich sein.

was meinst du mit Stop erfrischend ?
wenn der Benutzer die Seite aktualisiert, startet der timer wieder von vorne.
das geschehen wird. Sie können speichern Sie den Wert in einem cookie speichern und Lesen von cookie.

InformationsquelleAutor kk1076 | 2012-11-20

0

1.Die Anzeige der timer ohne starten wieder, wenn es zu einer neuen Seite navigiert. Sie können die Speicherung der Zähler-Wert in einem cookie. Dies ist

den einfachen Weg , übergeben Sie den Wert zwischen den Seiten.

2.Wie zu stoppen die Benutzer die Seite aktualisieren, so dass der timer nicht erneut starten.

Wenn Sie verwenden ein cookie, um den Wert zu speichern, ich denke, dieses Problem kann gelöst werden. Ich weiß nicht, was Sie meants von diesem Problem.

Was ist Ihr genaues Ziel ?
- Gibt es eine andere Möglichkeit ohne die Verwendung von cookies? Denn wenn der browser cookies deaktiviert dann diese Funktionen wird nicht funktionieren
- Ja Sicher.. Lass es mich noch einmal zu überprüfen und Antworten u
InformationsquelleAutor kbvishnu
0

verwenden Sie eine ajax-Funktion zum aufrufen einer Aktion gespeichert wird, wird der timer-Wert in der session. Selbst wenn also der Benutzer die Seite aktualisiert, haben Sie immer noch den aktuellen Wert.

Hoffe, das hilft

InformationsquelleAutor Lionel D

Können Sie die javascript-Zeit ist synchron mit der server-side-code auf jedem postback oder die Seite aktualisieren.

Verwenden Sie den folgenden code

 var dt = '@ViewBag.EndDate';
var dateAr = dt.split('-');
var newDate = dateAr[1] + '/' + dateAr[0] + '/' + dateAr[2];

var end = new Date(dateAr[1] + '/' + dateAr[0] + '/' + dateAr[2]);

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;

function showRemaining() {
   var now = new Date();
   var distance = end - now;
   if (distance &lt; 0) {
       clearInterval(timer);
       document.getElementById('countdown').innerHTML = 'EXPIRED!';
       window.location.href = '/Home/Index';

       return;
   }
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);


document.getElementById('countdown').innerHTML = hours + 'hrs ';
document.getElementById('countdown').innerHTML += minutes + 'mins ';
document.getElementById('countdown').innerHTML += seconds + 'secs';

}

timer = setInterval(showRemaining, 1000);