JavaScript暫停和繼續(xù)定時(shí)器的實(shí)現(xiàn)方法
對于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í)器的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- AngualrJs清除定時(shí)器遇到的坑
- js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
- js定時(shí)器的使用(實(shí)例講解)
- JavaScript定時(shí)器詳解及實(shí)例
- JavaScript定時(shí)器setTimeout()和setInterval()詳解
- js定時(shí)器實(shí)現(xiàn)倒計(jì)時(shí)效果
- JS定時(shí)器使用,定時(shí)定點(diǎn),固定時(shí)刻,循環(huán)執(zhí)行詳解
- JavaScript實(shí)現(xiàn)頁面定時(shí)刷新(定時(shí)器,meta)
- JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
相關(guān)文章
Javascript表單驗(yàn)證要注意的事項(xiàng)
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對 HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。被 JavaScript 驗(yàn)證的這些典型的表單數(shù)據(jù)有:用戶是否已填寫表單中的必填項(xiàng)目?用戶輸入的郵件地址是否合法?用戶是否已輸入合法的日期?用戶是否在數(shù)據(jù)域 (numeric field) 中輸入了文本?2014-09-09js事件監(jiān)聽機(jī)制(事件捕獲)總結(jié)
添加事件的js方法也很多,有直接加到頁面結(jié)構(gòu)上的,有使用一些js事件監(jiān)聽的方法,由于各個(gè)瀏覽器對事件冒泡事件監(jiān)聽的機(jī)制不同2014-08-08JS實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下2018-06-06JavaScript XML和string相互轉(zhuǎn)化實(shí)現(xiàn)代碼
兩個(gè)小function實(shí)現(xiàn)XML和string相互轉(zhuǎn)化,需要的朋友可以參考下。2011-07-07詳解JavaScript實(shí)現(xiàn)JS彈窗的三種方式
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)JS彈窗的三種方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助<BR>2022-01-01不得不分享的JavaScript常用方法函數(shù)集(下)
不得不分享的JavaScript常用方法函數(shù)集,幫助大家更好的學(xué)習(xí)javascript程序設(shè)計(jì),有興趣的朋友可以參考一下2015-12-12JavaScript設(shè)計(jì)模式學(xué)習(xí)之適配器模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之適配器模式,對設(shè)計(jì)模式不熟悉的同學(xué),可以參考學(xué)習(xí)一下2021-04-04