js-10s倒计时后关闭窗口

2024-08-31 16:35:19

效果：

html:

<h1 id="h1">10s后关闭窗口</h1>
<a id="a1">启动</a>

js:

(function(){
var s=10;
var timer=null;
a1.onclick=function(){
//为了防止连续点击按钮，导致定时器，执行的太快，加个判断
if(timer==null){//当现在没有定时器在运行时，才能启动定时器。
timer=setInterval(function(){
s--;
//等倒计时到0时，停止
if(s>0){ //>=0
h1.innerHTML=`${s}s后自动关闭窗口`;
}else{
clearInterval(timer);
timer=null;
this.innerHTML="启动"
}
},1000)
this.innerHTML="停止"
}else{//如果有定时器运行时，点击按钮就是停止
clearInterval(timer);
timer=null;
this.innerHTML="启动"
}
}

})()

最新文章

热门文章