JS的Timer

JS給了網頁兩種Timer，其實是一樣的東西，只是用法跟行為有一點點不同罷了


setInterval()跟一般常見的Timer沒有太大的差異，就是持續的間隔一段時間就執行一段程式（一個函式）
setTimeOut()則是隔一段時間之後，一段程式（一個函式）會被執行一次，就這麼一次。




先介紹setInterval()吧，常用兩種呼叫型態，一個是就直接把要做的程式，寫在參數裡function()中，通常要做的事情應該不多才會這樣寫吧，不然不美觀啊。底下的範例，就是每三秒鐘執行一次alert。

var MyTimer = setInterval(function(){alert("Hello")},3000);

另外一個，則是先把函式寫好然後以函式呼叫當成參數。比方底下的例子就是每五秒呼叫一次 doSomething()看裡面要做什麼事情。


var MyTimer = setInterval( "doSomething()", 5000 );

function doSomething ( )
{
  // (do something here)

}


怎麼清除或停掉這個Timer呢？很簡單，就是 clearInterval( MyTimer );對，就在剛剛你疑惑的地方，呼叫函式其實setInterval()其實會傳回一個 Timer物件（或ID）就是用來當你想清除或停掉他的時候用的。





相同的寫法，可應用在setTimeOut()上，非常的簡單。我就不重複寫了