Wie stellen Sie den countdown-timer nicht zurückgesetzt, wenn der browser aktualisiert?

Wenn ich den browser aktualisieren, wird der timer zurückgesetzt, so, wie man es nicht zurücksetzen?
Das ist mein code. Bitte überprüfen Sie es.

<?php echo $waktune; ?> //You can change it into seconds
var detik = <?php echo $waktune; ?>;
if (document.images) {
    parselimit = detik
}
function begintimer() {
    if (!document.images)
        return
    if (parselimit < 12) {
        document.getElementById("servertime").style.color = "Green";
    }
    if (parselimit == 1) {
        document.getElementById("hasil").submit();
    } else {
        parselimit -= 1 curmin = Math.floor(parselimit / 60)
            cursec = parselimit % 60
        if (curmin != 0)
            curtime = curmin + ":" + cursec + ""else
            curtime = cursec + " detik"document.getElementById("servertime").innerHTML = curtime setTimeout("begintimer()", 1000)
        }
}

InformationsquelleAutor mango23 | 2014-02-28

  1. 4

    Versuchen, die lokalen Speicher verwenden :

    //Store
localStorage.setItem("key", "value");
//Retrieve
document.getElementById("result").innerHTML=localStorage.getItem("key");

    Update

    Beispiel : 

    <head>

</head>
<body>
    <div id="divCounter"></div>
    <script type="text/javascript">
    if(localStorage.getItem("counter")){
      if(localStorage.getItem("counter") >= 10){
        var value = 0;
      }else{
        var value = localStorage.getItem("counter");
      }
    }else{
      var value = 0;
    }
    document.getElementById('divCounter').innerHTML = value;

    var counter = function (){
      if(value >= 10){
        localStorage.setItem("counter", 0);
        value = 0;
      }else{
        value = parseInt(value)+1;
        localStorage.setItem("counter", value);
      }
      document.getElementById('divCounter').innerHTML = value;
    };

    var interval = setInterval(function (){counter();}, 1000);
  </script>
</body>
    Können Sie mir zeigen, wo Schreibe ich diesen code??oder geben Sie mir Beispiel. sorry, ich bin Neuling bei javascript.
    Ich aktualisiert meine Antwort.

    InformationsquelleAutor R3tep

  2. 2

    Speichern Sie die Zeit-server in einem cookie (siehe setcookie) und laden Sie diese. Sie wollen auch zu überlegen, wie lange wollen Sie dieses cookie, um die letzten obwohl.

    InformationsquelleAutor MueR

  3. 1

    Können Sie lokale Speicherung, wie :

    localStorage.setItem('countDownValue', curtime); //To set the value
...
curtime = localStorage.getItem('countDownValue'); //To get the value

    InformationsquelleAutor Serge K.

  4. 1

    Ich glaube, Sie haben zu sparen, Wert im cookie und mit dem reset-timer nur, wenn timer > x && cookie bereits gesetzt.

    Set-cookie auf init:

    setcookie("reloaded","true");

    Set-cookie auf reaload:

    setcookie("reloaded","false");

    Check:

    if($_COOKIE["reloaded"] == false && timer > $time) {
   /* reset timer */
}

    InformationsquelleAutor SirDeveloper

  5. 0
    <form name="counter">
    <input type="text" size="8" name="chandresh" id="counter">
</form>

<script type="text/javascript">
function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

var cnt = 60;
function counter(){
    if(getCookie("cnt") > 0){
        cnt = getCookie("cnt");
    }
    cnt -= 1;
    document.cookie = "cnt="+ cnt;
    jQuery("#counter").val(getCookie("cnt"));

    if(cnt>0){
        setTimeout(counter,1000);
    }

}

counter();
</script>

    Quelle: http://chandreshrana.blogspot.in/2017/01/how-to-make-counter-not-reset-on-page.html

    InformationsquelleAutor Chandresh

Schreibe einen Kommentar