JavaScript的setInterval()函數(shù)用於基於定時器自動執(zhí)行任務(wù)。 setInterval()是原生JavaScript函數(shù)，與jQuery的setTimeout()函數(shù)非常相似。

基本setInterval()示例

setInterval(function() {
      // 每5秒執(zhí)行一次操作
}, 5000);

提示：如果動態(tài)加載圖像並從PHP腳本中加載變量，則需要向腳本添加某種隨機(jī)數(shù)以強(qiáng)制所有瀏覽器刷新?？梢允褂靡韵麓a生成隨機(jī)數(shù)：

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

提示：您可能還需要使用ajax方法而不是load方法，以防止緩存AJAX請求?；蛘撸梢栽?code>random.php文件的頂部添加header("Cache-Control: no-cache, must-revalidate");來防止瀏覽器緩存。

JavaScript setInterval 常見問題解答 (FAQs)

setInterval 和 setTimeout 的區(qū)別是什麼？

setInterval 和 setTimeout 都是內(nèi)置的JavaScript函數(shù)，用於在指定時間段後執(zhí)行代碼。但是，它們的工作方式不同。 setInterval 會重複執(zhí)行代碼，直到被停止；而 setTimeout 只會在指定的時間延遲後執(zhí)行一次代碼。

如何停止或清除 setInterval？

可以使用 clearInterval 函數(shù)停止或清除 setInterval。此函數(shù)需要 setInterval 函數(shù)返回的ID值作為參數(shù)。示例：

let intervalID = setInterval(myFunction, 3000);
// 清除間隔
clearInterval(intervalID);

調(diào)用 clearInterval 後，myFunction 將停止每3秒執(zhí)行一次。

可以將 setInterval 與箭頭函數(shù)一起使用嗎？

可以。箭頭函數(shù)提供了一種簡潔的語法來編寫JavaScript中的函數(shù)表達(dá)式。示例：

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

這段代碼將每秒在控制臺中記錄“Hello, World!”。

如何在JavaScript類中使用setInterval？

可以通過使用this關(guān)鍵字引用類方法在類中使用setInterval。但是，您需要將this關(guān)鍵字綁定到類實(shí)例，否則它將引用全局對象。示例：

class MyClass {
  constructor() {
    this.myMethod = this.myMethod.bind(this);
    setInterval(this.myMethod, 1000);
  }

  myMethod() {
    console.log('Hello, World!');
  }
}

這段代碼將每秒在控制臺中記錄“Hello, World!”。

可以向setInterval中的函數(shù)傳遞附加參數(shù)嗎？

可以。在延遲參數(shù)之後，可以添加任意數(shù)量的參數(shù)，這些參數(shù)將在調(diào)用函數(shù)時傳遞給該函數(shù)。示例：

setInterval(function(a, b) {
  console.log(a + b);
}, 1000, 'Hello, ', 'World!');

這段代碼將每秒在控制臺中記錄“Hello, World!”。

如何將setInterval與Promise一起使用？

可以通過將setInterval包裝在Promise構(gòu)造函數(shù)中來將setInterval與Promise一起使用。但是，請記住setInterval將持續(xù)執(zhí)行，直到被停止，因此您需要提供一個條件來解析或拒絕promise。示例：

setInterval(function() {
      // 每5秒執(zhí)行一次操作
}, 5000);

這段代碼將在6秒後解析promise。

如果函數(shù)執(zhí)行時間長於setInterval延遲時間會發(fā)生什麼？

如果函數(shù)執(zhí)行時間長於setInterval延遲時間，則下一個調(diào)用將排隊(duì)，並在當(dāng)前調(diào)用完成後立即執(zhí)行。這可能會導(dǎo)致函數(shù)調(diào)用堆積，從而可能導(dǎo)致性能問題。

我可以在Node.js中使用setInterval嗎？

可以，其工作方式與在瀏覽器中相同。示例：

$(document).ready(function() {
    var refreshId = setInterval(function() {
        var r = (-0.5) + (Math.random() * (1000.99));
        $('#img-container').load('images/gallery/best/random.php?' + r);
    }, 5000);
});

這段代碼將每秒在控制臺中記錄“Hello, Node.js!”。

如何將setInterval與async/await一起使用？

可以通過將setInterval包裝在Promise中，然後使用async/await語法來處理promise來將setInterval與async/await一起使用。示例：

let intervalID = setInterval(myFunction, 3000);
// 清除間隔
clearInterval(intervalID);

這段代碼將在6秒後在控制臺中記錄“Hello, async/await!”。

可以將setInterval與jQuery一起使用嗎？

可以，可以使用它定期更新網(wǎng)頁的一部分、動畫元素或執(zhí)行任何其他任務(wù)。示例：

setInterval(() => {
  console.log('Hello, World!');
}, 1000);

這段代碼將使ID為“myElement”的元素每秒淡出然後淡入。

以上是JavaScript SetInterval（）函數(shù)示例的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！