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暂停和继续定时器的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzsysf.html