DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript暫停和繼續定時器的實現方法
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暫停和繼續定時器的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved