Javascript 背景图像变换器

我是javascript新手，我需要一些关于我正在尝试运行的函数的帮助。我希望我的身体背景，以改变每秒钟使用提供的图像，但当我试图运行脚本，它似乎不工作

Javascript:

var i = 0;
var images = [
URL('file:///Users/BodyDesigns/Documents/Altered%20Images/P1010216.jpg'),
URL('file:///Users/BodyDesigns/Documents/Altered%20Images/P1010217.jpg'),
URL('file:///Users/BodyDesigns/Documents/Altered%20Images/P1010200.jpg')
];

function backgroundChanger() {
for(; i < images.length; i++) {
    document.getElementById('background').style.backgroundImage.innerHTML = images[i];
}
}

setInterval( backgroundChanger(), 4000);

var i=0；
变量图像=[
URL（'file:///Users/BodyDesigns/Documents/Altered%20Images/P1010216.jpg'),
URL（'file:///Users/BodyDesigns/Documents/Altered%20Images/P1010217.jpg'),
URL（'file:///Users/BodyDesigns/Documents/Altered%20Images/P1010200.jpg')
];
函数背景变换器（）{
对于（；i

html:

---

这应该可以做到

var i = 0;
var images = [
    'https://upload.wikimedia.org/wikipedia/commons/2/23/Screenshot_from_IMAX%C2%AE_3D_movie_Hidden_Universe_showing_the_Helix_Nebula_in_infrared.jpg',
    'http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/40/m0/p040m0bc.jpg',
    'http://az616578.vo.msecnd.net/files/2016/08/06/636060577940287734-194579614_maxresdefault.jpg'
];

function backgroundChanger() {
  if(i >= images.length){
    i = 0;
  }
  document.getElementById('background').style.backgroundImage = 'url(' + images[i++] + ')';
}

setInterval( backgroundChanger, 4000);

---

如您所见，

url（）

应该在字符串中传递才能工作。而且

backgroundImage

属性上没有innerHtml。

这应该可以解决问题

var i = 0;
var images = [
    'https://upload.wikimedia.org/wikipedia/commons/2/23/Screenshot_from_IMAX%C2%AE_3D_movie_Hidden_Universe_showing_the_Helix_Nebula_in_infrared.jpg',
    'http://ichef.bbci.co.uk/wwfeatures/wm/live/1280_640/images/live/p0/40/m0/p040m0bc.jpg',
    'http://az616578.vo.msecnd.net/files/2016/08/06/636060577940287734-194579614_maxresdefault.jpg'
];

function backgroundChanger() {
  if(i >= images.length){
    i = 0;
  }
  document.getElementById('background').style.backgroundImage = 'url(' + images[i++] + ')';
}

setInterval( backgroundChanger, 4000);

如您所见，

url（）

应该在字符串中传递才能工作。在

backgroundImage

属性上没有innerHtml。

在

中键入（；i

并删除

setInterval（backgroundChanger（），4000）中的括号。此外，for循环将快速遍历所有图像，这可能不是您想要的。键入
for（；i
并删除
setInterval（backgroundChanger（），4000）中的括号。此外，for循环将快速遍历所有图像，这可能不是您想要的。