读取元素/数组的属性

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) {

应使用>=或===。