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 相关文章推荐
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
js获取指定日期周数以及星期几的小例子
Jun 27 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
Aug 24 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
Sep 12 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
JS函数基本定义与用法示例
Jan 15 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网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
javascript中创建对象的三种常用方法
2010/12/30 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
jQuery中的val()示例应用
2014/02/26 Javascript
js实现C#的StringBuilder效果完整实例
2015/12/22 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
jQuery判断邮箱格式对错实例代码讲解
2017/04/12 jQuery
Bootstrap栅格系统的使用详解
2017/10/30 Javascript
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
ionic3双击返回退出应用的方法
2019/09/17 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
2019/11/12 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
Python中join函数简单代码示例
2018/01/09 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
python实现双色球随机选号
2020/01/01 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
HTML5中外部浏览器唤起微信分享功能的代码
2020/09/15 HTML / CSS
英国绿色商店:Natural Collection
2019/05/03 全球购物
Internet体系结构
2014/12/21 面试题
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
党委班子对照检查材料
2014/08/19 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
青涩记忆观后感
2015/06/18 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript
一条慢SQL语句引发的改造之路
2022/03/16 MySQL