js中的setInterval和setTimeout使用實例_基礎知識

setInterval() 定義與用法

setInterval() 方法可依照指定的週期（以毫秒計）來執行函數或表達式。此方法會不停地循環呼叫函數，直到使用 clearInterval() 明確停止函數或視窗關閉。 clearInterval() 函數的參數即 setInterval() 傳回的 ID 值。

文法

setInterval(code,millisec[,"lang"])
code 必需。要呼叫的函數或要執行的程式碼字串。
millisec 必須。週期性執行或呼叫 code 之間的時間間隔，以毫秒計。

回傳值

一個可以傳遞給 Window.clearInterval() 從而取消對 code 的周期性執行的值。

使用範例：

複製程式碼 程式碼

複製程式碼

程式碼








停止interval 事件

setTimeout() 定義與用法

setTimeout() 方法用於在指定的毫秒數後呼叫函數或計算表達式，該方法與 setInterval() 方法不同的是該方法只執行一次。

語法

setTimeout(code,millisec)

code 必需。要呼叫的函數後要執行的 JavaScript 程式碼字串。 millisec 必需。執行程式碼前需等待的毫秒數，以毫秒計。

提示：

（1）setTimeout() 雖然是只執行一次程式碼。但如果許要多次調用，除了使用 setInterval() 外還可以讓被執行的程式碼裡面自身再次調用 setTimeout() 方法已達到多次執行的目的。 （2）另外setTimeout()方法也同樣可以傳回一個ID值，以方便使用clearInterval()方法對使用setTimeout()方法的取消。

使用範例：

複製程式碼

程式碼
複製程式碼


程式碼

對於這兩個方法，需要注意的是如果要求在每隔一個固定的時間間隔後就精確地執行某動作，那麼最好使用setInterval，而如果不想由於連續調用產生互相干擾的問題，尤其是每次函數的呼叫需要繁重的計算以及很長的處理時間，那麼最好使用setTimeout。