Question

我有问题，我不知道如何使用按钮在 javascript 中重新开始倒数，并且倒数在本地存储中。如何使用按钮重新开始倒数，如果倒数尚未完成，它将不会重新开始。谢谢。

var hoursleft = 0;
var minutesleft = 35;
var secondsleft = 0;
var finishedtext = "Countdown finished!";
var end;
if (localStorage.getItem("end")) {
  end = new Date(localStorage.getItem("end"));
} else {
  end = new Date();
  end.setMinutes(end.getMinutes() + minutesleft);
  end.setSeconds(end.getSeconds() + secondsleft);
}
var counter = function() {
  var now = new Date();
  var diff = end - now;
  diff = new Date(diff);
  var sec = diff.getSeconds();
  var min = diff.getMinutes();
  if (min < 10) {
    min = "0" + min;
  }
  if (sec < 10) {
    sec = "0" + sec;
  }
  if (now >= end) {
    clearTimeout(interval);
    localStorage.setItem("end", null)
    document.getElementById('divCounter').innerHTML = finishedtext;
  } else {
    var value = min + ":" + sec;
    localStorage.setItem("end", end);
    document.getElementById('divCounter').innerHTML = value;
  }
}
var interval = setInterval(counter, 1000);

<body>
  <div id="divCounter"></div>
</body>

如何使用按钮在JavaScript中重新开始倒计时

0 个答案: