HTML DOM setInterval和clearInterval方法案例詳解
在javascript編程中,setInterval可以幫助我們實(shí)現(xiàn)一個(gè)定時(shí)器的功能,能夠讓我們定時(shí)執(zhí)行某一項(xiàng)操作,如果不需要繼續(xù)執(zhí)行了,我們只需要調(diào)用clearInterval函數(shù),清除定時(shí)器即可。
這里要重點(diǎn)說的是清除定時(shí)器的時(shí)機(jī),我們一般是需要進(jìn)行一個(gè)條件判斷,比如 var count=5,我們定時(shí)執(zhí)行count--操作,當(dāng)count==0的時(shí)候,清除定時(shí)器,一般情況下,我們的代碼是這樣寫的。
這段代碼,邏輯上沒有什么問題, 就是當(dāng)count==0的時(shí)候,我們清除定時(shí)器。我們運(yùn)行這段代碼,看看效果:
我們驚奇的發(fā)現(xiàn),并不是我們想象中的那樣,setInterval這個(gè)函數(shù),并不會(huì)在清理定時(shí)器之后,就退出,后續(xù)的操作還是會(huì)執(zhí)行。為了讓清除定時(shí)器之后的代碼不再執(zhí)行,我們可以直接進(jìn)行return返回。
這種辦法是可行的,但是也是沒有太大的必要,我們可以進(jìn)行簡單的語句順序調(diào)換,把條件判斷放到最后,我們的代碼就成了這樣。
同樣,可以達(dá)到我們預(yù)期的效果:
setInterval函數(shù)執(zhí)行,會(huì)返回一個(gè)定時(shí)參數(shù),這里我們叫interval,當(dāng)我們需要清除定時(shí)器的時(shí)候,就直接傳入這個(gè)參數(shù),如clearInterval(interval)。
到此這篇關(guān)于HTML DOM setInterval和clearInterval方法案例詳解的文章就介紹到這了,更多相關(guān)HTML DOM setInterval和clearInterval方法內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持!
相關(guān)文章:
1. 存儲(chǔ)于xml中需要的HTML轉(zhuǎn)義代碼2. HTML中的XML數(shù)據(jù)島記錄編輯與添加3. react中ref獲取dom或者組件的實(shí)現(xiàn)方法4. 使用display:none時(shí)隱藏DOM元素?zé)o法獲取實(shí)際寬高的解決方法5. 不要在HTML中濫用div6. 關(guān)于html嵌入xml數(shù)據(jù)島如何穿過樹形結(jié)構(gòu)關(guān)系的問題7. 如何學(xué)習(xí)html的各種標(biāo)簽8. 5個(gè)HTML5的常用本地存儲(chǔ)方式詳解與介紹9. php 下 html5 XHR2 + FormData + File API 上傳文件操作實(shí)例分析10. springboot用controller跳轉(zhuǎn)html頁面的實(shí)現(xiàn)
