這兩個方法都可以用來實現在一個固定時間段之後去執行JavaScript。不過兩者各有各的應用場景。
方 法
實際上，setTimeout和setInterval的語法相同。它們都有兩個參數，一個是將要執行的代碼字符串，還有一個是以毫秒爲單位的時間間隔，當過了那個時間段之後就將執行那段代碼。
不過這兩個函數還是有區別的，setInterval在執行完一次代碼之後，經過了那個固定的時間間隔，它還會自動重複執行代碼，而setTimeout只執行一次那段代碼。
雖然表面上看來setTimeout只能應用在on-off方式的動作上，不過可以通過創建一個函數循環重複調用setTimeout，以實現重複的操作：
File: settimeout_setinterval.js
showTime();
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
setTimeout("showTime()", 5000);
}
一旦調用了這個函數，那麼就會每隔5秒鐘就顯示一次時間。如果使用setInterval，則相應的代碼如下所示：
File: settimeout_setinterval2.js
setInterval("showTime()", 5000);
function showTime()
{
var today = new Date();
alert("The time is: " + today.toString());
}
這兩種方法可能看起來非常像，而且顯示的結果也會很 相似，不過兩者的最大區別就是，setTimeout方法不會每隔5秒鐘就執行一次showTime函數，它是在每次調用setTimeout後過5秒鐘 再去執行showTime函數。這意味着如果showTime函數的主體部分需要2秒鐘執行完，那麼整個函數則要每7秒鐘才執行一次。而 setInterval卻沒有被自己所調用的函數所束縛，它只是簡單地每隔一定時間就重複執行一次那個函數。
如果要求在每隔一個固定的時間間隔後就精確地執行某動作，那麼最好使用setInterval，而如果不想由於連續調用產生互相干擾的問題，尤其是每次函數的調用需要繁重的計算以及很長的處理時間，那麼最好使用setTimeout。
|
|
函數指針的使用 |
|
兩個計時函數中的第一個參數是一段代碼的字符串，其實該參數也可以是一個函數指針，不過Mac下的IE 5對此不支持。 如果用函數指針作爲setTimeout和setInterval函數的第二個參數，那麼它們就可以去執行一個在別處定義的函數了： setTimeout(showTime, 500); function showTime() { var today = new Date(); alert("The time is: " + today.toString()); } 另外，匿名函數還可以聲明爲內聯函數： setTimeout(function(){var today = new Date(); alert("The time is: " + today.toString());}, 500); |
