如何在for循环内使用setTimeout更改div内容?

看来你宁愿用 setInterval

这里有一个例子,我的意思是,它将继续循环,因为你想。

var changeThis = document.getElementsByClassName("header");
var headIndex = 2;

function change() {
  changeThis[0].innerHTML = "Head " + headIndex;
  headIndex++;
}

// run change function every 3 seconds
setInterval(change, 3000);

<p class="header">Head 1</p>

setInterval ,请注意,如果您希望它遍历头1、头2、头3等,则最好使用以下内容:

const elements = ["head1", "head2"...]

let currentIndex = 0
const INTERVAL_LENGTH = 5000

setInterval(() => {
    changeThis[0].innerHTML = elements[(currentIndex++)%elements.length]
}, INTERVAL_LENGTH)

感谢@Andrew_Lohr(和其他人)指出setInterval。最后,我使用的代码如下:

var changeThis = document.getElementsByClassName("header");

var headIndex = 1;

var headTitles = ["Head 1", "Head 2", "head 3", "Head 4"];

function change() {
    changeThis[0].innerHTML = headTitles[headIndex];
    headIndex++;
    if(headIndex > 3){
        headIndex=0;
    }
}

setInterval(change, 5000);