Javascript 计时器完成后,如何在计时器上显示警报

Javascript 计时器完成后,如何在计时器上显示警报,javascript,css,timer,Javascript,Css,Timer,我在JavaScript中使用计时器,我希望当我的计时器完成时,它会显示警报,但现在我的计时器会在同一时间重新启动,任何人都可以指导我。当计时器完成时,如何在计时器中显示警报 //属性 var计数=0; var计数器=null; window.onload=函数(){ initCounter(); }; 函数initCounter(){ //从localStorage获取计数,或设置为初始值1000 count=getLocalStorage('count')| | 1000; 计数器=设置间

我在JavaScript中使用计时器,我希望当我的计时器完成时,它会显示警报,但现在我的计时器会在同一时间重新启动,任何人都可以指导我。当计时器完成时,如何在计时器中显示警报

//属性
var计数=0;
var计数器=null;
window.onload=函数(){
initCounter();
};
函数initCounter(){
//从localStorage获取计数,或设置为初始值1000
count=getLocalStorage('count')| | 1000;
计数器=设置间隔(计时器,1000);//1000将每1秒运行一次
}
函数setLocalStorage(键,val){
if(window.localStorage){
window.localStorage.setItem(key,val);
}
返回val;
}
函数getLocalStorage(键){
return window.localStorage?window.localStorage.getItem(键):“”;
}
函数计时器(){
count=setLocalStorage('count',count-1);
如果(计数==-1){
清除间隔(计数器);
返回;
}
var秒数=计数%60;
var分钟=数学地板(计数/60);
var小时=数学楼层(分钟/60);
分钟%=60;
document.getElementById(“timer”).innerHTML=seconds+“完成此事务剩下的秒数”;//注意拼写
}

您面临的问题与
计数有关。您将其设置为
1000
。因此,您必须等待
1000分钟
,然后才能执行函数
清除间隔(计时器)
。您可以尝试以下操作:

重新加载页面后计时器重新启动


//性质
var计数=0;
var计数器=null;
window.onload=函数(){
initCounter();
};
函数initCounter(){
//从localStorage获取计数,或设置为初始值1000
计数=6000;
计数器=设置间隔(计时器,1000);//1000将每1秒运行一次
}
函数计时器(){
计数=计数-1;
var秒数=计数%60;
var分钟=数学地板(计数/60);
var小时=数学楼层(分钟/60);
分钟%=60;
如果(秒===0)
{
清除间隔(计数器);
警报(“终止”);
}
document.getElementById(“timer”).innerHTML=seconds+“完成此事务剩下的秒数”;//注意拼写
}

您面临的问题与
计数有关。您将其设置为
1000
。因此,您必须等待
1000分钟
,然后才能执行函数
清除间隔(计时器)
。您可以尝试以下操作:

重新加载页面后计时器重新启动


//性质
var计数=0;
var计数器=null;
window.onload=函数(){
initCounter();
};
函数initCounter(){
//从localStorage获取计数,或设置为初始值1000
计数=6000;
计数器=设置间隔(计时器,1000);//1000将每1秒运行一次
}
函数计时器(){
计数=计数-1;
var秒数=计数%60;
var分钟=数学地板(计数/60);
var小时=数学楼层(分钟/60);
分钟%=60;
如果(秒===0)
{
清除间隔(计数器);
警报(“终止”);
}
document.getElementById(“timer”).innerHTML=seconds+“完成此事务剩下的秒数”;//注意拼写
}

Um,完成后添加警报?。。。。又名clearInterval行……准确地说,epascarello的评论对初学者来说可能很模糊:表示计时器结束的操作是这个
clearInterval(计数器)。下面的“return”终止函数。因此,如果你有任何动作要做,比如发出
警报
,最好的地方就是在
返回之前谢谢你,先生,但是它只工作了一次,并且它会变为负数,比如(-1,-2)等等,我希望当它达到0时,提醒我“超时”,计时器不会变为负数。计数不应该低于
-1
,不要删除
clearInterval
行,否则计时器将继续无休止地运行。如果你想让计数停在
0
而不是
-1
,用
If(count==1){
替换
If(count==0){
(就我而言,我总是喜欢在不可能的情况下使用
If(count<1){
,那是一个有点偏执的lol)您正在循环60秒。屏幕将显示60…一直到0,然后返回到60,但实际计数将为1000…960…920…860…等等,直到达到-1,然后屏幕中的秒计数器将停止。嗯,完成后添加警报?…也称为clearInterval行…准确地说,Epasarello的评论是,w对于初学者来说,这是一个模糊的理解:表示计时器结束的操作是这个
clearInterval(counter);
“return”下面是终止函数的部分。因此,如果您需要执行任何操作,如
警报
,最好的位置就是在
返回之前;
谢谢您,先生,但是它只工作了一次,并且它将进入负状态,如(-1,-2)等,我希望当它达到0时,警报显示我“超时”计时器将不会变为负数。计数不应低于
-1
,不要删除
clearInterval
行,否则计时器将继续无休止地运行。如果希望计数停止在
0
而不是
-1
,请将
If(count=-1){
替换为
If(count==0){/code>(就我而言,我总是喜欢使用
if(count<1){
在不可能的情况下,一步都不会发生,但这有点偏执lol)您正在循环60秒。屏幕将显示60…一直到0,然后返回到60,但实际计数将为1000…960…920…860…等等,直到它达到-1,然后屏幕中的秒计数器将停止。这次它向我显示警报,但它向我显示此消息“完成此事务还剩0秒”我的计时器这次没有启动它的修复程序是o