JavaScript暂停和继续定时器的实现方法
来源: 阅读:2481 次 日期:2016-07-26 15:24:10
温馨提示: 小编为您整理了“JavaScript暂停和继续定时器的实现方法”,方便广大网友查阅!

这篇文章主要介绍了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暂停和继续定时器的方法,希望对大家有所帮助

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map