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 相关文章推荐
IE不出现Flash激活框的小发现的js实现方法
Sep 07 Javascript
jQuery 常见开发使用技巧总结
Dec 26 Javascript
jquery ajax请求实例深入解析
Nov 26 Javascript
JS 删除字符串最后一个字符的实现代码
Feb 20 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
jQuery中:has选择器用法实例
Dec 30 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
Nov 21 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
vue中使用elementUI组件手动上传图片功能
Dec 13 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
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
javascript中clone对象详解
2014/12/03 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
JS+HTML5 FileReader对象用法示例
2017/04/07 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
2017/04/13 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
javascript实现的字符串转换成数组操作示例
2019/06/13 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python清除字符串里非字母字符的方法
2015/07/02 Python
python字典基本操作实例分析
2015/07/11 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
python属于解释型语言么
2020/06/15 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
伊莱克斯(Electrolux)俄罗斯网上商店:瑞典家用电器品牌
2021/01/23 全球购物
Linux如何修改文件和文件夹的权限
2013/09/05 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
培训主管的岗位职责
2013/11/23 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
JavaScript 去重和重复次数统计
2021/03/31 Javascript
mysql联合索引的使用规则
2021/06/23 MySQL