快捷導(dǎo)航

JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法

更新時(shí)間：2016年07月18日 16:22:37 作者：雒不是好人

這篇文章主要介紹了JavaScript暫停和繼續(xù)定時(shí)器的方法的相關(guān)資料,非常不錯(cuò)，需要的朋友可以參考下

對(duì)于JavaScript的定時(shí)器來說沒有嚴(yán)格意義上的暫停和重啟，只有清除停止，但是可以通過一些‘障眼法'實(shí)現(xiàn)

allChild[index].onclick = function(){//當(dāng)點(diǎn)擊目標(biāo)且滿足下面的條件時(shí) 讓計(jì)時(shí)器時(shí)間暫停
if(gamInt == true){
$("#tu").css("display","block");
//計(jì)時(shí)器暫停（清除定時(shí)器）
clearInterval(countdownTimer);
//延遲2s后游戲繼續(xù) 計(jì)時(shí)器暫停結(jié)束
setTimeout(function(){
// 移除所有的圖片
removeImgFun();
$("#tu").css("display","none");
imgNum++;
if(imgNum >= 10){
imgNum = 10;
}
createImgFun();
//定時(shí)器繼續(xù)接之前的時(shí)間增加 繼續(xù)播放（將之前的定時(shí)器重新引用一次 包括定時(shí)器的名字（必須要有 不然容易引起電腦死機(jī)）完整引入）
countdownTimer = setInterval(function (){
countdownNum -= 0.01;
//保留兩位小數(shù)
countdownNum = countdownNum.toFixed(2);
if (countdownNum <= 0){
clearInterval(countdownTimer);
//游戲結(jié)束
alert("游戲結(jié)束！");
//房祖名不能再點(diǎn)擊（分?jǐn)?shù)不再計(jì)數(shù)）
gamInt = false;
}
time.innerHTML = "倒計(jì)時(shí):" + countdownNum + "秒";
},10);
},2000)
//計(jì)分
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ù)定時(shí)器的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲(chǔ)
這篇文章主要介紹了使用Plupload實(shí)現(xiàn)直接上傳附件至七牛云存儲(chǔ),需要的朋友可以參考下
2014-12-12
JS制作手機(jī)端自適應(yīng)縮放顯示
允許網(wǎng)頁寬度自動(dòng)調(diào)整的"自適應(yīng)網(wǎng)頁設(shè)計(jì)"到底是怎么做到的？下面我們就來通過示例來探討下。
2015-06-06
js構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重與優(yōu)化詳解
這篇文章主要給大家介紹了關(guān)于js構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重與優(yōu)化的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03
微信小程序中weui用法解析
這篇文章主要介紹了微信小程序中weui用法解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
JavaScript利用crypto模塊實(shí)現(xiàn)加解密
crypto模塊提供了加密功能，包含對(duì) OpenSSL 的哈希、HMAC、加密、解密、簽名、以及驗(yàn)證功能的一整套封裝。本文將利用它實(shí)現(xiàn)加解密算法，需要的可以參考一下
2023-02-02
JavaScript中5個(gè)重要的Observer函數(shù)小結(jié)
瀏覽器為開發(fā)者提供了功能豐富的Observer,本文主要介紹了JavaScript中5個(gè)重要的Observer函數(shù)小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-01-01
Javascript 詳解封裝from表單數(shù)據(jù)為json串進(jìn)行ajax提交
這篇文章主要介紹了Javascript 詳解封裝from表單數(shù)據(jù)為json串進(jìn)行ajax提交的相關(guān)資料,需要的朋友可以參考下
2017-03-03
如何編寫一個(gè)d.ts文件的步驟詳解
這篇文章主要給大家介紹了關(guān)于如何編寫一個(gè)d.ts文件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用d.ts具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-04-04
javascript 繪制矩形框
今天讀John Resig的Pro Javascript Techniques時(shí)候看到他書上給的一個(gè)關(guān)于drag and drop的例子，我做的第二件事就是js模擬用鼠標(biāo)拖出矩形框，代碼很簡單
2009-04-04
javascript與CSS復(fù)習(xí)(二)
我們接下來討論元素的可見性，CSS有兩種不同的方式可以有效的隱藏元素，它們有各自的特點(diǎn)，會(huì)導(dǎo)致不同的結(jié)果。
2010-06-06