JavaScript暂停和继续定时器的实现方法
2019/6/27 22:15:28
本文主要是介绍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暂停和继续定时器的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对找一找教程网网站的支持!
这篇关于JavaScript暂停和继续定时器的实现方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-28Vue CLI资料入门教程
- 2024-11-28Vue CLI资料:新手入门指南
- 2024-11-28Threejs的三维坐标系
- 2024-11-27AntDesignVue入门指南:轻松搭建美观的Vue项目
- 2024-11-27Egg.js入门指南:新手必备的零基础教程
- 2024-11-27Hotkeys.js开发入门教程
- 2024-11-27Ant Design Vue入门指南:轻松搭建美观界面
- 2024-11-27Vue3项目实战:从零开始的完整指南
- 2024-11-27Vue CLI多环境配置资料详解
- 2024-11-27Vue3+Vite资料:新手入门教程