如何为我的倒数计时器创建一个会话存储，以便在重新加载页面后它不会被重置？

Question

这是我的 JavaScript 文件。我使用 Countdown.js API ， timer 是我作为参数接收的变量。

var countDownCompleted = false;
var myCountdownTest = new Countdown({
    time: timer,
    width: 200,
    height: 80,
    onComplete: countdownComplete,
    rangeHi: "minute"
});
function countdownComplete() {
    countDownCompleted = true;
    window.location.href = 'index.php';
}

我可以做些什么修改来使重新加载页面后倒计时不重置？我不太明白如何创建会话存储。

Answer 1

localStorage 和 sessionStorage 就像普通变量一样工作。如果您希望计时器在页面重新加载时从停止的地方继续，您应该在每次计时器停止时存储当前值。

然后，在每次加载页面时，您可以检查 localStorage 中是否设置了任何内容，如果是，则从该值开始。