JavaScript暂停和继续定时器的实现方法
2016-07-26来源:易贤网

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

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息