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 相关文章推荐
Jquery命名冲突解决的五种方案分享
Mar 16 Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
Mar 25 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
JavaScript cookie详解及简单实例应用
Dec 31 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
js实现input密码框显示/隐藏功能
Sep 10 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
PHP与SQL注入攻击[三]
2007/04/17 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
Yii实现微信公众号场景二维码的方法实例
2020/08/30 PHP
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
jQuery中$.click()无效问题分析
2015/01/29 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
JavaScript中EventLoop介绍
2018/01/22 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
2018/04/26 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
python赋值操作方法分享
2013/03/23 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python中字典和集合学习小结
2017/07/07 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
路政管理专业推荐信
2013/11/11 职场文书
化工操作工岗位职责
2014/04/29 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
Springboot集成阿里云OSS上传文件系统教程
2021/06/28 Java/Android
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
利用Python实现Picgo图床工具
2021/11/23 Python
浅析Python中的随机采样和概率分布
2021/12/06 Python