简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:2705 次  日期: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暂停和继续定时器的方法,希望对大家有所帮助

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:ECMAScript6快速入手攻略
下一篇:jquery+CSS3实现3D拖拽相册效果
易贤网手机网站地址:JavaScript暂停和继续定时器的实现方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!