JavaScript暂停和继续定时器的实现方法
对于JavaScript的定时器来说没有严格意义上的暂停和重启,只有清除停止,但是可以通过一些‘障眼法'实现
allChild[index].onclick=function(){//当点击目标且满足下面的条件时让计时器时间暂停
if(gamInt==true){
$("#tu").css("display","block");
//计时器暂停(清除定时器)
clearInterval(countdownTimer);
//延迟2s后游戏继续计时器暂停结束
setTimeout(function(){
//移除所有的图片
removeImgFun();
$("#tu").css("display","none");
imgNum++;
if(imgNum>=10){
imgNum=10;
}
createImgFun();
//定时器继续接之前的时间增加继续播放(将之前的定时器重新引用一次包括定时器的名字(必须要有不然容易引起电脑死机)完整引入)
countdownTimer=setInterval(function(){
countdownNum-=0.01;
//保留两位小数
countdownNum=countdownNum.toFixed(2);
if(countdownNum<=0){
clearInterval(countdownTimer);
//游戏结束
alert("游戏结束!");
//房祖名不能再点击(分数不再计数)
gamInt=false;
}
time.innerHTML="倒计时:"+countdownNum+"秒";
},10);
},2000)
//计分
scores+=1;
score.innerHTML="第"+scores+"关";
if(scores>8){
$("#wc").css("display","block");
$("#haha").css("display","none");
$("#cj").on("click",award());
$("#sm").on("click",explain());
}
}
}
以上所述是小编给大家介绍的JavaScript暂停和继续定时器的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!