1. 程式人生 > 程式設計 >HTML DOM setInterval和clearInterval方法案例詳解

HTML DOM setInterval和clearInterval方法案例詳解

在中,setInterval可以幫助我們實現一個定時器的功能,能夠讓我們定時執行某一項操作,如果不需要繼續執行了,我們只需要http://www.cppcns.com呼叫clearInterval函式,清除定時器即可。

這裡要重點說的是清除定時器的時機,我們一般是需要進行一個條件判斷,比如 var count=5,我們定時執行count--操作,當count==0的時候,清除定時器,一般情況下,我們的程式碼是這樣寫的。

HTML DOM setInterval和clearInterval方法案例詳解

這段程式碼,邏輯上沒有什麼問題, 就是當count==0的時候,我們清除定時器。我們執行這段程式碼,看看效果:

HTML DOM setInterval和clearInterval方法案例詳解

我們驚奇的發現,並不是我們想象中的那樣,setInterval這個函式,並不會在清理定時器之後,就退出,後續的操作還是會執行。為了讓清除定時器之後的程式碼不再執行,我們可以直接進行return返回。

HTML DOM setInterval和clearInterval方法案例詳解 

這種辦法是可行的,但是也是沒有太大的必要,我們可以進行簡單的語句順序調換,把條件判斷放到最後,我們的程式碼就成了這樣。

HTML DOM setInterval和clearInterval方法案例詳解

同樣,可以達到我們預期的效果:

HTML DOM setInterval和clearInterval方法案例詳解

setInterval函式執行,會返回一個定時引數,這裡我們叫interval,當我們需要清除定時器的時候,就直接傳入這個引數,如clearInterval(interval)。 

到此這篇關於HKbIkAKijeTML DOM setInterval和clearInterval方法案例詳解的文章就介紹到這了,更多相關HTML DOM setInterval和clearIntervalhttp://www.cppcns.com

方法內容請搜尋我們以前的文章或繼續瀏覽下面www.cppcns.com的相關文章希望大家以後多多支援我們!