javascript - 自动背景图像更换器

Question

我一直在尝试制作一个自动背景功能，可以在指定的时间后更改元素的背景图像，但我似乎无法使其工作。

到目前为止我已经创建了这个:

var images["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg"]; 

function changeImg() {
   // Change background image of #container element from 1.jpg to 2.jpg
}

function calledEveryHour() {
   setInterval(changeImg(), 1000 * 60 *60);
}

如果需要任何进一步的信息，请告诉我...我不确定应该如何执行此操作以及完成它需要什么。我很困惑，需要一些帮助。 谢谢

Answer 1

应该是这样的:

var images = ["images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg"]; 
var container = document.getElementById('container');
var i = 0;

function changeImg() { 
   if(i>images.length) i = 0;
   var bgImg = new Image();
   bgImg.onload = function(){
      container.style = "background-image:url("+bgImg.src+");";
   }
   bgImg.src = images[i];
   i++;
}

function calledEveryHour() {
   setInterval(changeImg(), 1000 * 60 *60);
}