javascript - 如何设置定时器本地存储

标签 javascript timer

当我刷新页面时,计时器会重置。我想在这个定时器上设置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);
}

最佳答案

您可以这样设置本地存储:

1- 在 Windows load 上,检查您是否已经有变量 minsec 的本地存储,如果是,则使用 获取这两个值>localStorage.getItem("item") 否则将两个变量设置为起始值。

2- 在 setInterval 内,确保在更新这些变量时同时更新 minsec 的本地存储。

Fiddle

关于javascript - 如何设置定时器本地存储,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39911645/

相关文章:

c++ - QTimer 自行停止和启动

c# - Windows 服务上的多个计时器未正确触发

javascript - 客户端通知,我应该使用 AJAX 推送还是轮询?

javascript - 如何通过javascript从tomcat服务器下载文件?

java - 为什么我的 Java 计时器在看似随机的迭代次数后停止?

swift - 无法识别的选择器发送到 AppDelegate 中的实例

ios - 如何在不破坏 Swift 的情况下重启或停止定时器?

javascript - 创建简单的 Rich-Text WYSIWYG 编辑器的最佳方法是什么?

javascript - 将有状态组件转换为无状态组件

javascript - 为什么 .css ('fontSize' ) 在 Edge 中产生不同的结果?