欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

java timer暂停继续_JavaScript暂停和继续定时器的实现方法

发布时间:2023/12/19 javascript 32 豆豆
生活随笔 收集整理的这篇文章主要介绍了 java timer暂停继续_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暂停和继续定时器的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

总结

以上是生活随笔为你收集整理的java timer暂停继续_JavaScript暂停和继续定时器的实现方法的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。