Javascript 如何使js定时器在重新加载页面时不重新启动?

Javascript 如何使js定时器在重新加载页面时不重新启动?,javascript,timer,refresh,countdown,Javascript,Timer,Refresh,Countdown,我制作了一个javascript计时器(实际上是复制并做了一些更改),但是如果我刷新页面,我不知道怎么做计时器计数 您可以在此处找到代码: var ms=0,s=0,m=60; 无功定时器; var stopwatchEl=document.querySelector('.stopwatch'); var lapsContainer=document.querySelector('.laps'); 函数start(){ 如果(!计时器){ 定时器=设置间隔(运行,10); } } 函数运行()

我制作了一个javascript计时器(实际上是复制并做了一些更改),但是如果我刷新页面,我不知道怎么做计时器计数

您可以在此处找到代码:

var ms=0,s=0,m=60;
无功定时器;
var stopwatchEl=document.querySelector('.stopwatch');
var lapsContainer=document.querySelector('.laps');
函数start(){
如果(!计时器){
定时器=设置间隔(运行,10);
}
}
函数运行(){
stopwatchEl.textContent=(m<10?“0”+m:m)+“:”+(s<10?“0”+s:s)+“:”+(ms<10?“0”+ms:ms);
ms--;
如果(ms<0){
ms=99;
s--;
}
如果(s<0){
s=59;
m--;
}
如果(m==0&&s==0&&ms==0){
暂停();
var figyelmeztetes=确认(“Lejárt az idő!”);
}
stopwatchEl.textContent=(m<10?“0”+m:m)+“:”+(s<10?“0”+s:s)+“:”+(ms<10?“0”+ms:ms);
}
函数暂停(){
清除间隔(计时器);
定时器=假;
}
函数停止(){
var figyelmeztetes=确认(“Vigyázz!!!Ezzel a számlálóvisszaáll 60 percre!”);
if(figyelmeztetes==true){
清除间隔(计时器);
定时器=假;
ms=0;
s=0;
m=60;
stopwatchEl.textContent=(m<10?“0”+m:m)+“:”+(s<10?“0”+s:s)+“:”+(ms<10?“0”+ms:ms);
}
}
.controls{
显示器:flex;
}

开始
暂停
重新启动

60:00:00
您可以尝试将剩余时间存储在
本地存储中
并在页面加载时引用该时间

您可以尝试将剩余时间存储在
本地存储中
并在页面加载时引用该时间

您可以像这样设置在本地存储中卸载窗口之前的时间值


文件
开始
暂停
重新启动
60:00:00
var ms=0,
s=0,
m=60;
var isCountingDown=错误;
无功定时器;
addEventListener(“加载”,函数(){
if(window.localStorage.getItem(“时间”)!==null){
让obj=JSON.parse(window.localStorage.getItem(“time”);
s=obj[“s”];
ms=obj[“ms”];
m=obj[“m”];
stopwatchEl.textContent=`${m}:${s}:${ms}`;
start();
}
});
addEventListener(“beforeunload”,函数(){
如果(isCountingDown==真){
暂停();
设obj={
小姐:小姐,,
s:s,
m:m,
};
setItem(“time”,JSON.stringify(obj));
}
});
var stopwatchEl=document.querySelector(“.stopwatch”);
var lapsContainer=document.querySelector(“.laps”);
函数start(){
如果(!计时器){
isCountingDown=true;
定时器=设置间隔(运行,10);
}
}
函数运行(){
stopwatchEl.textContent=
(米<10?+0英寸+m:m)+
":" +
(s<10?“0”+s:s)+
":" +
(ms<10?“0”+ms:ms);
ms--;
如果(ms<0){
ms=99;
s--;
}
如果(s<0){
s=59;
m--;
}
如果(m==0&&s==0&&ms==0){
暂停();
var figyelmeztetes=确认(“Lejárt az idő!”);
}
stopwatchEl.textContent=
(米<10?+0英寸+m:m)+
":" +
(s<10?“0”+s:s)+
":" +
(ms<10?“0”+ms:ms);
}
函数暂停(){
清除间隔(计时器);
定时器=假;
}
函数停止(){
var figyelmeztetes=确认(
“维加兹!!!埃泽尔·阿萨姆拉·洛维萨勒60分!”
);
if(figyelmeztetes==true){
清除间隔(计时器);
定时器=假;
ms=0;
s=0;
m=60;
stopwatchEl.textContent=
(米<10?+0英寸+m:m)+
":" +
(s<10?“0”+s:s)+
":" +
(ms<10?“0”+ms:ms);
}
}

您可以像这样设置在本地存储中卸载窗口之前的时间值


文件
开始
暂停
重新启动
60:00:00
var ms=0,
s=0,
m=60;
var isCountingDown=错误;
无功定时器;
addEventListener(“加载”,函数(){
if(window.localStorage.getItem(“时间”)!==null){
让obj=JSON.parse(window.localStorage.getItem(“time”);
s=obj[“s”];
ms=obj[“ms”];
m=obj[“m”];
stopwatchEl.textContent=`${m}:${s}:${ms}`;
start();
}
});
addEventListener(“beforeunload”,函数(){
如果(isCountingDown==真){
暂停();
设obj={
小姐:小姐,,
s:s,
m:m,
};
setItem(“time”,JSON.stringify(obj));
}
});
var stopwatchEl=document.querySelector(“.stopwatch”);
var lapsContainer=document.querySelector(“.laps”);
功能启动