javascript - 刷新浏览器时如何使倒数计时器不重置?

标签 javascript php web timer countdown

当我刷新浏览器时,计时器会重置,那么如何让它不重置呢? 这是我的代码。请检查一下。

<?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)
        }
}

最佳答案

尝试使用 session 存储:

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

更新

示例:

<head>

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

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

    var interval = setInterval(counter, 1000);
  </script>
</body>

关于javascript - 刷新浏览器时如何使倒数计时器不重置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22099714/

相关文章:

javascript - 将清晰的文本渲染为 three.js 纹理

php - ajax - 如何执行一组特定的 AJAX 代码而不执行其他代码

java - 无状态 session bean 的 ejb 拦截器,如何调用有状态 session bean

audio - WebAudio中的WaveShaper节点-如何模拟失真?

javascript - 如何在 react 中将类名添加到变量内的元素?

javascript - 创建流畅的 Javascript 弹出菜单

javascript - 我们可以在 ACE 编辑器自动完成中使用图标吗

PHP 和 MySQL 数据库同时搜索多个表

PHP $_SERVER ['DOCUMENT_ROOT' ] vs 真实路径(目录名(_FILE_))

javascript - Chrome 58.0.3029.110 版本未将日期转换为正确的本地时区