自动背景图像更换器

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);
}

自动背景图像更换器

Automated background image changer

javascript

automation

image

function

background-image