setInterval和setTimeout的使用差別

雖然表面上看來setTimeout隻能應用在on-off方式的動作上，不過可以通過建立一個函數循環重複調用setTimeout，以實作重複的操作：

一旦調用了這個函數，那麼就會每隔5秒鐘就顯示一次時間。如果使用setInterval，則相應的代碼如下所示：

這兩種方法可能看起來非常像，而且顯示的結果也會很相似，不過兩者的最大差別就是，setTimeout方法不會每隔5秒鐘就執行一次showTime函數，它是在每次調用setTimeout後過5秒鐘再去執行showTime函數。這意味着如果showTime函數的主體部分需要2秒鐘執行完，那麼整個函數則要每7秒鐘才執行一次。而setInterval卻沒有被自己所調用的函數所束縛，它隻是簡單地每隔一定時間就重複執行一次那個函數。

如果要求在每隔一個固定的時間間隔後就精确地執行某動作，那麼最好使用setInterval，而如果不想由于連續調用産生互相幹擾的問題，尤其是每次函數的調用需要繁重的計算以及很長的處理時間，那麼最好使用setTimeout。

如果對計時函數不加以處理，那麼setInterval将會持續執行相同的代碼，一直到浏覽器視窗關閉，或者使用者轉到了另外一個頁面為止。不過還是有辦法可以終止setTimeout和setInterval函數的執行。

當setInterval調用執行完畢時，它将傳回一個timer ID，将來便可以利用該值對計時器進行通路，如果将該ID傳遞給clearInterval，便可以終止那段被調用的過程代碼的執行了，具體實作如下：

隻要點選了stopGoalLink，不管是什麼時候點選，intervalProcess都會被取消掉，以後都不會再繼續反複執行intervalProcess。如果在逾時時間段内就取消setTimeout，那麼這種終止效果也可以在setTimeout身上實作，具體實作如下：