JavaScript暂停和继续定时器的实现方法

 更新时间:2016年07月18日 16:22:37   作者:雒不是好人  
这篇文章主要介绍了JavaScript暂停和继续定时器的方法的相关资料,非常不错,需要的朋友可以参考下

对于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表单验证要注意的事项

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?
    2014-09-09
  • 详解JavaScript基于面向对象之继承

    详解JavaScript基于面向对象之继承

    这篇文章主要介绍了JavaScript基于面向对象之继承,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js事件监听机制(事件捕获)总结

    js事件监听机制(事件捕获)总结

    添加事件的js方法也很多,有直接加到页面结构上的,有使用一些js事件监听的方法,由于各个浏览器对事件冒泡事件监听的机制不同
    2014-08-08
  • JS实现图片转换成base64的各种应用场景实例分析

    JS实现图片转换成base64的各种应用场景实例分析

    这篇文章主要介绍了JS实现图片转换成base64的各种应用场景,结合实例形式分析了javascript实现图片转换成base64的各种应用场景的相关操作技巧与使用注意事项,需要的朋友可以参考下
    2018-06-06
  • 微信小程序实现简单购物车功能

    微信小程序实现简单购物车功能

    这篇文章主要为大家详细介绍了微信小程序实现简单购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript XML和string相互转化实现代码

    JavaScript XML和string相互转化实现代码

    两个小function实现XML和string相互转化,需要的朋友可以参考下。
    2011-07-07
  • 详解JavaScript实现JS弹窗的三种方式

    详解JavaScript实现JS弹窗的三种方式

    这篇文章主要为大家介绍了JavaScript实现JS弹窗的三种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2022-01-01
  • 不得不分享的JavaScript常用方法函数集(下)

    不得不分享的JavaScript常用方法函数集(下)

    不得不分享的JavaScript常用方法函数集,帮助大家更好的学习javascript程序设计,有兴趣的朋友可以参考一下
    2015-12-12
  • 推荐15个最好用的JavaScript代码压缩工具

    推荐15个最好用的JavaScript代码压缩工具

    今天小编就为大家分享一篇关于推荐15个最好用的JavaScript代码压缩工具,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • JavaScript设计模式学习之适配器模式

    JavaScript设计模式学习之适配器模式

    这篇文章主要介绍了JavaScript设计模式之适配器模式,对设计模式不熟悉的同学,可以参考学习一下
    2021-04-04

最新评论