javascript中SetInterval與setTimeout的定時器用法_javascript技巧

查看演示 下載源碼

setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式,而setInterval()則是在每隔指定的毫秒數循環調用函數或表達式，直到clearInterval把它清除。也就是說setTimeout()只執行一次，setInterval()可以執行多次。兩個函數的參數也相同，第一個參數是要執行的code或句柄，第二個是延遲的毫秒數。

setTimeOut用法

setTimeout函數的用法如下：

timeoutID：定時器ID號，它可以在clearTimeout()函數中被用來清除定時器。

func：被執行的函數。

code：（替代的語法）一個被執行的代碼串。

delay：延遲的時間，單位毫秒。如果沒有指定，默認為0。

我們可以使用window.setTimeout或setTimeout，兩個寫法基本一樣，只不過window.setTimeout將setTimeout函數作為全局window對象的一個屬性來引用。

應用示例：

代碼執行時，5秒后調用timeout()函數。

setInterval用法

setInterval函數的參數及用法和setTimeout函數一樣，請參照上文的setTimeout函數的用法介紹。不同的是，setInterval每隔一定的時間執行當中的func或code代碼。

應用示例：

函數timego()定義了頁面元素#tt顯示的內容，當tt等于0時，頁面定向到首頁。然后我們定義一個定時器timer，使用setInterval()每隔1秒調用一次timego()。這樣timego會執行10次，每次數字tt會減1，直到為0。那么如果想停止定時器，可以使用以下代碼：

代碼執行時，10秒后頁面跳轉到首頁。

其實setTimeout()也可以實現每隔一段時間重復執行某個函數，但我們還是簡單的區別使用setTimeOut和setInterval。另外javascript都是以單線程的方式運行于瀏覽器的javascript引擎中，實際應用中復雜的任務中需要排隊執行，這就可能導致定時器時間不準，這個問題在大型應用中需要考慮，本文不做深究。

示例二：

JS里設定延時：

使用SetInterval和設定延時函數setTimeout 很類似。setTimeout 運用在延遲一段時間，再進行某項操作。

setTimeout("function",time) 設置一個超時對象 setInterval("function",time) 設置一個超時對象

SetInterval為自動重復，setTimeout不會重復。

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

使用定時器實現JavaScript的延期執行或重復執行 window對象提供了兩個方法來實現定時器的效果，分別是window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時間后運行；而后者則可以使一段代碼每過指定時間就運行一次。

它們的原型如下： window.setTimeout(expression,milliseconds); window.setInterval(expression,milliseconds); 其中，expression可以是用引號括起來的一段代碼，也可以是一個函數名，到了指定的時間，系統便會自動調用該函數，當使用函數名作為調用句柄時，不能帶有任何參數；而使用字符串時，則可以在其中寫入要傳遞的參數。

兩個方法的第二個參數是milliseconds，表示延時或者重復執行的毫秒數。

下面分別介紹兩種方法。

1．window.setTimeout方法 該方法可以延時執行一個函數，例如：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascript中SetInterval與setTimeout的定時器用法_javascript技巧

javascript中SetInterval與setTimeout的定時器用法_javascript技巧:示例一： 查看演示 下載源碼 setTimeout() 方法用于在指定的毫秒數后調用函數或計算表達式,而setInterval()則是在每隔指定的毫秒數循環調用函數或表達式，直到clearInterval把它清除。也就是說setTimeout()只執行一次，setInterval()可以執行

推薦度：

點擊下載本文 文檔為doc格式

標簽： 定時 js javascript

• 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題