JS設定定時器和清除定時器

在做專案中難免會碰到需要實時重新整理，動畫依次出現等等需求，這時候就需要定時器登上我們的程式碼舞臺了，所以今天我們就先來了解一下JS定時器的設定和清除吧。

• 一、啟用定時器

window物件提供了兩個方法來實現定時器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段程式碼在指定時間後執行；而後者則可以使一段程式碼每過指定時間就執行一次。它們的原型如下：

window.setTimeout(code,millisec);

window.setInterval(code,millisec);

其中，code可以是用引號括起來的一段程式碼，也可以是一個函式名，到了指定的時間，系統便會自動呼叫該函式，當使用函式名作為呼叫控制代碼時，不能帶有任何引數；而使用字串時，則可以在其中寫入要傳遞的引數。兩個方法中的第二個引數是millisec，表示延時或者重複執行的毫秒數。

具體寫法如下：

• 函式名，不帶引數

setTimeout (test,1000)； //1秒後執行

字串，可以執行的程式碼

setTimeout ('test()',1000)； //1秒後執行

• 匿名函式

setTimeout (function(){},1000)； //1秒後執行

注：setInterval的用法與setTimeout一樣

• 呼叫函式，帶引數

setTimeout ('test(引數)',1000)； //1秒後執行

注：如果不小心寫成了setTimeout (test(引數),1000)；test方法就會立即執行哦。

程式碼：