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经典效果集锦
Jul 06 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
Aug 15 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 Javascript
javascript原生ajax写法分享
Apr 10 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
js正则取值的结果数组调试方法
Oct 10 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根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
PHP常用的小程序代码段
2015/11/14 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
JavaScript实现的SHA-1加密算法完整实例
2016/02/02 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
python自动裁剪图像代码分享
2017/11/25 Python
python 正确保留多位小数的实例
2018/07/16 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
php优化查询foreach代码实例讲解
2021/03/24 PHP
大学在校生求职信范文
2013/11/21 职场文书
餐厅筹备计划书
2014/04/25 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
工商管理自荐书
2014/07/06 职场文书
家庭困难证明
2014/10/12 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
公司财务部岗位职责
2015/04/14 职场文书
企业宣传稿范文
2015/07/23 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
公司周年庆寄语
2019/06/21 职场文书
各国货币符号大全
2022/02/17 杂记