網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

JS中的setInterval的全部用法

欄目: 職場就業 / 發佈於: / 人氣:3.24W

setInterval功能用於循環,常常用於播放動畫,或者時間顯示。
是在指定的週期內。按照參數的函數名去運行一個函數,它有兩種語法。
一種是基本用法,默認的語法。還有一種是專家模式的語法。

JS中的setInterval的全部用法

實例

(01)默認的語法能調用函數名與時間間隔。專家模式可以對被調用函數再進行傳參。他們有三個參數,第一個參數是。要執行的函數或需要調用的代碼,這裏可以填函數名,也可以填匿名函數或對象。第二個參數是時間參數。填的是動畫的幀數,也就是週期,兩次運行之間的時間間隔。第三個參數是可選參數,它屬於被調函數的參數。以下實例的效果是,每隔1秒時間,就在ID為sum的表單中,刷新當今時間

JS中的setInterval的全部用法 第2張

(02)下面的例子是演示如何傳參運行

JS中的setInterval的全部用法 第3張

(03)下面的例子是setInterval調用對象,該方法的沒有傳參

JS中的setInterval的全部用法 第4張

(04)調用對象的方式也可以傳參,與函數傳參的原理一樣

JS中的setInterval的全部用法 第5張

(05)我們可以setInterval來實現一種動態顯示時間的效果

JS中的setInterval的全部用法 第6張

(06)與其配套有clearInterval函數,它的作用是對setInterval進行清除。它只要填一個參數,既是setInterval返回而創建的一個對象。即可停止循環

JS中的setInterval的全部用法 第7張
Tags:js setInterval