Javascript中setTimeOut和setInterval如何使用

這篇文章給大家介紹Javascript中setTimeOut和setInterval如何使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

Javascript的setTimeOut和setInterval函數應用非常廣泛，它們都用來處理延時和定時任務，比如打開網頁一段時間后彈出一個登錄框，頁面每隔一段時間發送異步請求獲取最新數據等等。但它們的應用是有區別的。

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

setTimeOut用法

setTimeout函數的用法如下：

var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeoutID = window.setTimeout(code, [delay]);

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

func：被執行的函數。

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

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

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

應用示例：

function timeout(){ document.getElementById('res').innerHTML=Math.floor(Math.random()*100 + 1); } setTimeout("timeout()",5000);

代碼執行時，5秒后調用timeout()函數，點擊看演示。

setInterval用法

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

應用示例：

var tt = 10; function timego(){ tt--; document.getElementById("tt").innerHTML = tt; if(tt==0){ window.location.href='/'; return false; } } var timer = window.setInterval("timego()",1000);

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

window.clearInterval(timer);

關于Javascript中setTimeOut和setInterval如何使用就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。