时间戳

首页 > 解决方案 > JavaScript 本地存储第二个计数器

javascript - JavaScript 本地存储第二个计数器

问题描述

我的问题如下：是否可以使用本地存储创建第二个计数器？我的意思是你加载页面，计数器从 1 开始计数。您在 5 秒时重新加载页面，计数器不会重置，而是继续从 5 开始计数。可能吗？

我有一个带有简单秒计数器的代码，但我不知道如何使其适用于本地存储

var seconds = 0;
var el = document.getElementById('seconds-counter');

function incrementSeconds() {
seconds += 1;
el.innerText = seconds;
}



var cancel = setInterval(incrementSeconds, 1000);
<div id='seconds-counter'> </div>

标签： javascripthtmltimelocal-storagecounter

解决方案

var el = document.getElementById('seconds-counter');

function incrementSeconds() {
    var counter = window.localStorage.getItem("counter") ?? 0;
    window.localStorage.setItem("counter", ++counter);
    el.innerText = counter;
}

var cancel = setInterval(incrementSeconds, 1000);

推荐阅读