前端開發——兩種定時器

js的兩種定時器分別是setInterval和setTimeout。他們的區別在於計時的方式不一樣,前者爲循環計時,後者爲定時計時。下面咱們來分別介紹一下。前端

clipboard.png
setIntervalspa

window.setInterval([function],[interval]) 設置一個定時器,而且設定了一個等待的時間[interval],每隔一段時間,就會執行一次對應的方法function,直到計時器被清除爲止。計時器的清除方法爲 window.clearInterval(計時器名稱)3d

例一:blog

clipboard.png
本案例須要引入jQuery 不然無效ip

setTimeoutit

window.setTimeout([function],[interval]) 設置定時器及等待時間,但計時器到達時間後執行一次就會中止(計時器還在,不過沒用了)計時器的清除方法是 window.clearTimeout(計時器名稱)io

例二:function

clipboard.png
本案例須要引入jQuery 不然無效class

這裏要說明一下,定時器清除後其返回值仍然存在,以後定時器的返回值在此返回值的基礎上增長,相似醫院排號,1號看完叫的是2號,不是從1號從新開始。基礎

想學前端的小夥伴,能夠關注+私信回覆《資料》免費獲取哦~

clipboard.png

感謝您的閱讀!喜歡的能夠收藏轉發哦~

相關文章
相關標籤/搜索