Javascript 定時器篇 setTimeout和setInterval

標題定時器，讓我想起了年代久遠的VB，那時候也有個定時器，長的跟鬧鐘同樣（）相信跟我同樣用過VB的人都不陌生。很基礎的東西，可是做用卻很大。記得那時候我還不太會用，忘記是用來作動畫了，仍是幹嗎了。不過現在，已經入門編程語言了，那麼就用CODE來講吧。今天我麼要說的是WEB 前端技術 Javascript 的2大定時器。存活了好久，用處依舊大大大的~~~他們分別就是 setTimeout和setInterval。

Javascript自己區分大小寫，因此要注意 setTimeout和setInterval 大小寫差異。它們2個的區別大體以下：

setTimeout，相似倒計時，時間到就執行並且只執行一次

setInterval，是一個循環的倒計時，會間隔必定時間就執行一次，不干預中止就會一直運行下去。

這裏面我英文很差，第二個 setInterval 真的是記不住也是由於它有了這篇文章。而這2個函數的寫法是同樣的。

setTimeout(code, time);

setInterval(code, time);

code就是要執行的JS代碼，這裏咱們通常都習慣寫好一個函數，這裏寫個函數名字就行了，而time則是間隔的時間，單位是毫秒。好比咱們要寫一個間隔3秒彈出一個對話框來。就這麼寫。

function sayhi(){

  alert('Hi');

}

var t1 = setTimeout('sayhi()', 3000);

var t2 = setInterval('sayhi()', 3000);

這樣就能實現了，打開頁面間隔3秒後彈出一個對話框顯示Hi了。而這裏不一樣的是 setInterval 會每三秒彈出一次，因此不關閉瀏覽器就會沒完沒了，不過這裏谷歌作了個好事，能夠關掉同類提示。。。

固然計時器有啓動天然也有中止，咱們來看看中止的方法。

clearTimeout(t1);

clearInterval(t2);

就是上面這2個，就是中止計時器的方法。而他們的參數也是同樣的，對應到啓動賦值變量就好，參考sayhi的例子。這個中止用處也不少的。好比動畫上，或者說，咱們之前要作的，間隔3秒後，就會觸發一個事情，可是三秒內用戶觸發了中止操做，那麼就能夠停止掉。通常多見於彈出演示什麼的，比如百度這些自動提示相關詞彙也是能夠這麼作的，減小服務器資源，也肯定是客戶要進行等待結果。。。。

東西很少，不過今天元宵節。雖然過去了。。。不過仍是說一下吧。

原文地址：http://www.phptext.net/article_view.php?id=521