如何用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>