So legen Sie den lokalen Speicher für den Timer fest

Question

Beim Aktualisieren wird der Seitentimer zurückgesetzt. Ich möchte localstorage auf dieser Timer einzustellen, wie es in localstorage

HTML

00 : <span id="timer">02 : 00</span> 

JavaScript gesetzt haben: -

window.onload = function() { 
    var min = "0" + 2; 
    var sec = "0" + 0; 
    setInterval(function() { 
     var a = new Date(); 
     var time = min + " : " + sec; 
     document.getElementById("timer").innerHTML = time; 
     if (sec == 00) { 
      if (min != 0) { 
       min--; 
       sec = 59; 
       if (min < 10) { 
        min = "0" + min; 
       } 
      } 
     } else { 
      sec--; 
      if (sec < 10) { 
       sec = "0" + sec; 
      } 
     } 
    }, 1000); 
} 

Answer 1

können Sie einstellen, lokale Speicher wie folgt aus:

1- Am Fenster load überprüfen, ob Sie bereits über lokale Speicher für Variablen min und sec, wenn ja beide Werte erhalten beide Variablen localStorage.getItem("item") sonst gesetzt starten Werte.

2- Inside setInterval Stellen Sie sicher, dass Sie beide lokalen Speicher für min und sec aktualisieren, während Sie diese Variablen aktualisieren.

Fiddle

Answer 2

können Sie HTML5 lokale Feature-Speicher verwenden.

<script> 
// Check browser support 
if (typeof(Storage) !== "undefined") { 
    // Store 
    localStorage.setItem("lastname", "Smith"); 
    // Retrieve 
    document.getElementById("result").innerHTML = localStorage.getItem("lastname"); 
} else { 
    document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage..."; 
} 
</script>