JavaScript暫停和繼續(xù)定時器的實現(xiàn)方法
更新時間:2016年07月18日 16:22:37 作者:雒不是好人
這篇文章主要介紹了JavaScript暫停和繼續(xù)定時器的方法的相關資料,非常不錯,需要的朋友可以參考下
對于JavaScript的定時器來說沒有嚴格意義上的暫停和重啟,只有清除停止,但是可以通過一些‘障眼法'實現(xiàn)
allChild[index].onclick = function(){//當點擊目標且滿足下面的條件時 讓計時器時間暫停 if(gamInt == true){ $("#tu").css("display","block"); //計時器暫停(清除定時器) clearInterval(countdownTimer); //延遲2s后游戲繼續(xù) 計時器暫停結束 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); //游戲結束 alert("游戲結束!"); //房祖名不能再點擊(分數(shù)不再計數(shù)) 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暫停和繼續(xù)定時器的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
JS實現(xiàn)圖片轉換成base64的各種應用場景實例分析
這篇文章主要介紹了JS實現(xiàn)圖片轉換成base64的各種應用場景,結合實例形式分析了javascript實現(xiàn)圖片轉換成base64的各種應用場景的相關操作技巧與使用注意事項,需要的朋友可以參考下2018-06-06JavaScript XML和string相互轉化實現(xiàn)代碼
兩個小function實現(xiàn)XML和string相互轉化,需要的朋友可以參考下。2011-07-07不得不分享的JavaScript常用方法函數(shù)集(下)
不得不分享的JavaScript常用方法函數(shù)集,幫助大家更好的學習javascript程序設計,有興趣的朋友可以參考一下2015-12-12