我尝试在我的标题网页上创建一些“访客计数计时器”。但是,当我选择另一个选项卡时,计时器将从00:00:00重新开始。有什么解决方案可以使它即使在“另一个页面”或“浏览器刷新”中也可以继续计数吗?我不确定如何将sessionStorage添加到当前代码中。
有人愿意为此提供帮助吗?
谢谢
var sec = 0;
function pad ( val ) { return val > 9 ? val : "0" + val; }
setInterval( function(){
document.getElementById("seconds").innerHTML=pad(++sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60%60,10));
document.getElementById("hours").innerHTML=pad(parseInt(sec/3600%60,10));
}, 1000);
<span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
您的解决方案使用本地存储:
var sec = 0;
tmpSec = localStorage.getItem('secs')
if (tmpSec != null) {
sec = parseInt(tmpSec,10);
}
function pad ( val ) { return val > 9 ? val : "0" + val; }
setInterval( function(){
++sec
localStorage.setItem('secs', sec)
document.getElementById("seconds").innerHTML=pad(sec%60);
document.getElementById("minutes").innerHTML=pad(parseInt(sec/60%60,10));
document.getElementById("hours").innerHTML=pad(parseInt(sec/3600%60,10));
}, 1000);
这是保存在localStorage中的间隔示例https://github.com/syronz/micro-games/blob/master/02%20idle%20game/progress.html
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句