javascript - 如何以 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>