setTimeout和setInterval的區別

雖然網上有不少二者區別的文章，可是常常搞混了，好記性不如爛筆頭，記錄一下。
語法：

setTimeout(code,millisec);
setInterval(code,millisec[,"lang"])

它們都有兩個參數，一個是將要執行的代碼字符串，還有一個是以毫秒爲單位的時間間隔，當過了那個時間段以後就將執行那段代碼。
這兩個函數的區別就在於，setInterval在執行完一次代碼以後，通過了那個固定的時間間隔，它還會自動重複執行代碼，而setTimeout只執行一次那段代碼。
每5秒alert一次時間

var showTimes=setInterval("showTime()", 5000);
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString());
}

setTimeout也能夠實現，代碼以下：

var showTimes=null;
showTime();
function showTime()
{
    var today = new Date();
    alert("The time is: " + today.toString());
    showTimes=setTimeout("showTime()", 5000);
}

這樣寫是否是看起來沒有什麼區別，可是setTimeout方法不會每隔5秒鐘就執行一次showTime函數，它是在每次調用setTimeout後過5秒鐘再去執行showTime函數。這意味着若是showTime函數的主體部分須要1秒鐘執行完，那麼整個函數則要每6秒鐘才執行一次。而setInterval卻沒有被本身所調用的函數所束縛，它只是簡單地每隔必定時間就重複執行一次那個函數。

因此這兩個函數需根據不一樣的情景去使用，若是須要在每隔一個固定的時間間隔後就精確地執行某動做，那麼最好使用setInterval，而若是不想因爲連續調用產生互相干擾的問題，尤爲是每次函數的調用須要繁重的計算以及很長的處理時間，那麼最好使用setTimeout。

setInterval和setTimeout都返回定時器對象標識符，用於clearInterval和clearTimeout調用
eg:

clearTimeout(showTimes) //清除已設置的setTimeout對象
clearInterval(showTimes) //清除已設置的setInterval對象