如何用0秒啓動setInterval函數，但在給定時間內重複？

Question

我目前使用setInterval函數，這樣我可以重複使用添加到它每5秒一個額外的字母文本，所以我給自己定了setInterval功能的時間段爲5000

但我也希望此功能在頁面加載後立即執行。爲了清楚，setInterval函數中的邏輯應該在頁面加載後立即執行，並且應該每5秒重複執行一次。是否可以使用setInterval函數，或者還有其他方法可以實現嗎？預先感謝您:)

setInterval(function(){ 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML+'L'; 
 
    },5000);

<p id="sample">Sample Text</p>

Answer 1

只是使它成爲一個獨立的功能，然後你就可以馬上打電話。最重要的是，你會再有一些很好的可重用代碼：

function updateElement(){ 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML+'L'; 
 
} 
 

 
setInterval(updateElement, 5000); 
 

 
updateElement();

<p id="sample">Sample Text</p>

Answer 2

您可以使用初始化函數命名並調用它每間隔

setInterval(function someFunc() { 
 
    var x = document.getElementById('sample'); 
 
    x.innerHTML = x.innerHTML + 'L'; 
 
    return someFunc 
 
}(), 1000);

<div id="sample"></div>