javascript - setTimeout 和重新加载 iframe 的问题

Question

我试图每 2 秒使用不同的页面更改 iframe 的 src，但到目前为止我失败了。谁能告诉我这段代码有什么问题吗？它只加载最后一个文件 5.html，而不加载其他文件 1.html 2.html 3.html 和 4.html

function reloadiframe(nbr) {
    setTimeout(function () {
            document.getElementById("iframe").src = nbr + ".html";
    }, 2000);
}

function reload() {

    for (i=1;i<=5;i++) {
            reloadiframe(i);
    }
} 

Answer 1

setTimeout 不等待。超时几乎都是在同一时间触发的，因为它们都是在几乎完全相同的时间开始的。只需一个小小的更改即可解决问题:

function reloadiframe(nbr) {
    setTimeout(function () {
            document.getElementById("iframe").src = nbr + ".html";
    }, 2000*i); // <== right here
}

function reload() {

    for (i=1;i<=5;i++) {
            reloadiframe(i);
    }
}