Question

我是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);

HTML：

<body id="background" onLoad="backgroundChanger()">

Answer 1

这应该可以解决问题。

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。

背景图像更换器间隔Javascript

1 个答案: