JavaScript暂停和继续定时器的实现方法


Posted in Javascript onJuly 18, 2016

对于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 相关文章推荐
javascript跨域刷新实现代码
Jan 01 Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 Javascript
JavaScript数组去重的3种方法和代码实例
Jul 01 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
AngularJS ng-mousedown 指令
Aug 02 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
详谈js遍历集合(Array,Map,Set)
Apr 06 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
关于jquery layui弹出层的使用方法
Apr 21 jQuery
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
Feb 24 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 #Javascript
完美实现八种js焦点轮播图(下篇)
Apr 20 #Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 #Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 #Javascript
JS HTML5拖拽上传图片预览
Jul 18 #Javascript
jQuery 操作input中radio的技巧
Jul 18 #Javascript
JS HTML5实现拖拽移动列表效果
Aug 27 #Javascript
You might like
提升PHP执行速度全攻略(下)
2006/10/09 PHP
PHP获取表单textarea数据中的换行问题
2010/09/10 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
2016/05/19 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
2018/05/25 Javascript
Vue加载组件、动态加载组件的几种方式
2018/08/31 Javascript
基于three.js实现的3D粒子动效实例代码
2019/04/09 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
在实例中重学JavaScript事件循环
2020/12/03 Javascript
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
浅谈python 线程池threadpool之实现
2017/11/17 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
使用Python 统计高频字数的方法
2019/01/31 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
基于Tensorflow一维卷积用法详解
2020/05/22 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
教师岗位职责
2013/11/17 职场文书
餐饮主管岗位职责
2013/12/10 职场文书
写自荐信三大法宝
2014/01/24 职场文书
董事长秘书职责
2014/01/31 职场文书
社区志愿者培训方案
2014/06/10 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js