javascript - 读取元素/数组的属性

Question

再会！我不确定这段代码有什么问题。它应该每 N 秒更改一次 div 的背景图像并循环遍历数组。提前致谢

window.setInterval(foo(), 400);
//
var arr = [
    "img1.jpg",
    "img2.jpg",
    "img3.jpg"
];

//Set up variables
var waitTime = 5;
var main = document.getElementById("main");
var i = 0;

function foo() {
    main.style.backgroundImage = "url(" + arr[i] + ")";
    if (i > arr.length) {
        i = 0;
    } else {
        i++;
    }
}

Answer 1

window.setInterval(foo(), 400);

这会调用foo并设置任何内容以每 400 毫秒运行一次。

window.setInterval(foo, 400);

这设置foo为每 400 毫秒运行一次。

setInterval(foo, 400);

这也是这样做的。

最后，这个：

if (i > arr.length) {

应该使用>=or ===。