Question

当我刷新页面计时器被重置时。我想在这个计时器上设置localStorage，它是如何在localStorage中设置的

HTML

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

JavaScript ： -

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

您可以像这样设置本地存储：

1-在Windows load上检查您是否已经拥有变量min和sec的本地存储空间，如果是，则使用localStorage.getItem("item")获取两个值，否则将两个变量设置为启动值。

2-内部setInterval确保您在更新这些变量时更新min和sec的本地存储空间。

Fiddle

Answer 2

您可以使用HTML5本地存储功能。

<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>

如何在Timer上设置本地存储

2 个答案: