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()); } } }
相关推荐
专注前端开发 2020-10-21
TesterJingel 2020-06-28
jszy 2020-06-16
angqiuli 2020-05-16
Happyunlimited 2020-05-03
fengjing81 2020-03-02
林大鹏 2020-01-10
csdnyasin 2020-01-05
ThinkingLink 2019-12-06
IndustBee 2019-11-30
管满满 2013-07-10
nankangren 2019-11-19
sprintwind 2011-03-23
Will0 2011-03-22
哥哥的CSDN集 2015-07-12
GoAheadY 2011-09-04
昭君出塞 2019-11-05
咏月东南 2019-10-29
GoatSucker 2019-10-29