javascript - jQuery 在设置间隔之前执行？

Question

此脚本每 5 秒更改一次 DIV 文本，但是，它在 5 秒后开始，我如何在页面加载后第一次更改文本，然后每 5 秒更改一次？

var text = ["1", "2", "3", "4", "5"];
var counter = 0;
var elem = document.getElementById("textas");
var inst = setInterval(change, 5000);

function change() {
  elem.innerHTML = text[counter];
  counter++;
  if (counter >= text.length) {
    counter = 0;
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle
  }
}

Answer 1

从setInterval 方法 间接调用change 函数一次。
此外，您可以设置一个最大数量，而不是使用包含所有迭代的数组。

var counter = 0,
    maxNumber = 5,
    elem = document.getElementById('textas'),
    inst = setInterval(change, 5000);

function change() {
  counter++;
  elem.innerHTML = counter;
  if (counter >= maxNumber) {
    counter = 0;
  }
}

change();

<h1 id="textas"></h1>