如何在 JavaScript 中每 5 秒重複呼叫一個函式？

我們將使用 setInterval() 函式每 5 秒重複呼叫一個函式。此函式接受兩個引數，第一個是要呼叫的函式，第二個是以毫秒為單位的時間間隔。

JavaScript setInterval

  • setInterval() 是一個 JavaScript 函式，允許您以指定的時間間隔（以毫秒為單位）重複執行一個函式。

  • 它返回一個唯一的 ID，該 ID 可用於使用 clearInterval() 方法清除間隔。

  • 它可用於定期更新頁面或建立動畫等任務。

  • 它接受兩個引數，要執行的函式和以毫秒為單位的時間間隔。

  • 它將繼續執行函式，直到使用 clearInterval() 清除它或頁面關閉。

方法

您可以使用 setInterval() 函式在 JavaScript 中每 5 秒重複呼叫一個函式。

setInterval(myFunction, 5000);

第一個引數是要呼叫的函式，第二個引數是以毫秒為單位的時間間隔。在本例中，函式 myFunction 將每 5 秒（5000 毫秒）呼叫一次。

您可以透過呼叫 clearInterval() 函式並將 setInterval() 的返回值作為引數傳遞來停止間隔 -

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);

示例

以下是如何使用 setInterval() 函式在 JavaScript 中每 5 秒重複呼叫一個函式的示例 -

function myFunction() {
   console.log("Hello World!");
}
setInterval(myFunction, 5000);

setInterval() 函式接受兩個引數：第一個引數是要呼叫的函式，第二個引數是以毫秒為單位的時間間隔。在本例中，myFunction 函式每 5000 毫秒（或 5 秒）呼叫一次。

setInterval 函式返回一個唯一的 ID，該 ID 可以傳遞給 clearInterval 函式以停止重複呼叫該函式 -

let intervalId = setInterval(myFunction, 5000);
clearInterval(intervalId);

此程式碼建立了一個間隔，每 5 秒（5000 毫秒）呼叫一次 myFunction 函式。該函式將一直執行，直到網站關閉或間隔被清除。

輸出

更新於： 2023 年 2 月 16 日

27K+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告