這篇文章主要介紹了JavaScript暫停和繼續(xù)定時器的方法的相關(guān)資料,非常不錯,需要的朋友可以參考下
對于JavaScript的定時器來說沒有嚴(yán)格意義上的暫停和重啟,只有清除停止,但是可以通過一些‘障眼法'實現(xiàn)
allChild[index].onclick = function(){//當(dāng)點擊目標(biāo)且滿足下面的條件時 讓計時器時間暫停
if(gamInt == true){
$("#tu").css("display","block");
//計時器暫停(清除定時器)
clearInterval(countdownTimer);
//延遲2s后游戲繼續(xù) 計時器暫停結(jié)束
setTimeout(function(){
// 移除所有的圖片
removeImgFun();
$("#tu").css("display","none");
imgNum++;
if(imgNum >= 10){
imgNum = 10;
}
createImgFun();
//定時器繼續(xù)接之前的時間增加 繼續(xù)播放(將之前的定時器重新引用一次 包括定時器的名字(必須要有 不然容易引起電腦死機)完整引入)
countdownTimer = setInterval(function (){
countdownNum -= 0.01;
//保留兩位小數(shù)
countdownNum = countdownNum.toFixed(2);
if (countdownNum <= 0){
clearInterval(countdownTimer);
//游戲結(jié)束
alert("游戲結(jié)束!");
//房祖名不能再點擊(分?jǐn)?shù)不再計數(shù))
gamInt = false;
}
time.innerHTML = "倒計時:" + countdownNum + "秒";
},10);
},2000)
//計分
scores += 1;
score.innerHTML = "第" + scores + "關(guān)";
if(scores > 8){
$("#wc").css("display","block");
$("#haha").css("display","none");
$("#cj").on("click",award());
$("#sm").on("click",explain());
}
}
}
以上所述是小編給大家介紹的JavaScript暫停和繼續(xù)定時器的方法,希望對大家有所幫助