Question

计数器工作正常，但刷新后重新启动刷新计数器后如何继续？

function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);
  
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
  
        display.textContent = minutes + ":" + seconds;
  
        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
  }
  
  window.onload = function () {
    var duration = 60 * 2,
        display = document.getElementById("timer");
    startTimer(duration, display);
  };

Answer 1

您可以尝试使用 localStorage。 localStorage 与 sessionStorage 类似，不同之处在于 localStorage 中存储的数据没有过期时间，而 sessionStorage 中存储的数据会在页面会话结束时被清除。例如：

localStorage.setItem("duration",60);
localStorage.getItem("duration"); //60

查看此文档： https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

刷新后继续倒计时

1 个答案: