在javascript編程中，setInterval可以幫助我們實(shí)現(xiàn)一個(gè)定時(shí)器的功能，能夠讓我們定時(shí)執(zhí)行某一項(xiàng)操作，如果不需要繼續(xù)執(zhí)行了，我們只需要調(diào)用clearInterval函數(shù)，清除定時(shí)器即可。

這里要重點(diǎn)說(shuō)的是清除定時(shí)器的時(shí)機(jī)，我們一般是需要進(jìn)行一個(gè)條件判斷，比如 var count=5,我們定時(shí)執(zhí)行count--操作，當(dāng)count==0的時(shí)候，清除定時(shí)器，一般情況下，我們的代碼是這樣寫的。

這段代碼，邏輯上沒(méi)有什么問(wèn)題， 就是當(dāng)count==0的時(shí)候，我們清除定時(shí)器。我們運(yùn)行這段代碼，看看效果：

我們驚奇的發(fā)現(xiàn)，并不是我們想象中的那樣，setInterval這個(gè)函數(shù)，并不會(huì)在清理定時(shí)器之后，就退出，后續(xù)的操作還是會(huì)執(zhí)行。為了讓清除定時(shí)器之后的代碼不再執(zhí)行，我們可以直接進(jìn)行return返回。

這種辦法是可行的，但是也是沒(méi)有太大的必要，我們可以進(jìn)行簡(jiǎn)單的語(yǔ)句順序調(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)文章希望大家以后多多支持腳本之家！

最新評(píng)論