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

自动背景图像转换器

1 个答案: