JavaScript 中的 setInterval 迴圈

Shraddha Paghdar 2022年5月11日
JavaScript 中的 setInterval 迴圈

JavaScript 中總有一個現成的方法可以完成大多數任務;將一種資料型別轉換為另一種資料型別、設定間隔迴圈、更新物件或陣列、識別鍵盤輸入事件等等。

與此相符,有一些有用的方法可以幫助我們在 JavaScript 中使用計時器。本文將指導你在 JavaScript 中使用區間迴圈。

JavaScript 提供了兩個計時器函式來允許程式碼在不阻塞的情況下執行。它提供了函式 setTimeout()setInterval(),它們在一定的時間間隔後執行指定的表示式或指定的函式。

在 JavaScript 中使用 setInterval() 設定迴圈時間間隔

setInterval() 方法由 JavaScript 提供。此方法在 workerwindow 介面中提供,重複呼叫函式或執行程式碼部分。此程式碼以每次呼叫之間的固定時間間隔執行。

setIntervalsetTimeout 函式之間的唯一區別是,prior 重複呼叫該函式,每次呼叫之間都有延遲,而 later 會在延遲後執行函式。如果你希望你的函式在指定的延遲後被呼叫一次,請使用 setTimeout()

語法:

setInterval(function[, delay, arg1, arg2, ...]);

function 是一個必需引數,它指定在時間過去後要執行的功能。

code 是必需引數;如果使用者不提交函式,使用者可以傳遞一個字串作為函式的替代。delay 是一個可選引數。

此引數接受在執行指定的程式碼或函式之前用作以毫秒為單位的計時器的數值。如果沒有傳遞任何值,0 是導致執行的預設值。

arg1, ..., argN 是一個可選引數。函式的值可以在傳遞函式時作為額外的引數傳遞。

有關更多資訊,請閱讀 setInterval() 方法的文件。

let counter = 0;
const i = setInterval(function(){
    console.log(counter);
    counter++;
    if(counter === 5) {
        clearInterval(i);
    }
}, 200);

在上面的程式碼中,我們將計數器設定為 0 並在 setInterval 函式中更新它,直到它達到所需的值。一旦達到所需的值,你就可以刪除該間隔。這個 setInterval() 方法返回一個正值和一個唯一的 intervalID 來幫助識別計時器。該值可用於 clearInterval()。這個 clearInterval() 方法取消了之前由 setInterval() 設定的重複操作(超時)。

輸出:

0
1
2
3
4
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript Loop