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动态添加表格数据行(ASP后台数据库保存例子)
May 08 Javascript
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
JS实现的竖向折叠菜单代码
Oct 21 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
Nov 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中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP5函数小全(分享)
2013/06/06 PHP
php强制运行广告的方法
2014/12/01 PHP
php+ajax无刷新分页实例详解
2015/12/07 PHP
PHP数组函数知识汇总
2016/05/12 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
JavaScript学习笔记之获取当前目录的实现代码
2010/12/14 Javascript
创建公共调用 jQuery Ajax 带返回值
2012/08/01 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
Jquery响应回车键直接提交表单操作代码
2014/07/25 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
2016/12/19 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
vue之数据交互实例代码
2017/06/16 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
Node.js实现注册邮箱激活功能的方法示例
2018/03/23 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
python购物车程序简单代码
2018/04/18 Python
Django实现任意文件上传(最简单的方法)
2020/06/03 Python
营业员实习自我鉴定
2013/12/07 职场文书
调解员先进事迹材料
2014/02/07 职场文书
个人投资计划书
2014/05/01 职场文书
感恩母亲节演讲稿
2014/05/07 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书
励志演讲稿500字
2014/08/21 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
公司人事管理制度
2015/08/05 职场文书