Свойства считывания элемента/массива

Question

Добрый день! Я не совсем уверен, что не так с этим кодом. Предполагается изменить фоновое изображение div каждые N секунд и провести цикл через массив. Заранее спасибо

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

следует использовать >= или ===.