按时间旋转身体的背景图像

有人可以帮我做一个简单的javascript来获取元素身体，所以我可以改变它的风格每隔X秒更换背景图片？按时间旋转身体的背景图像

2011-09-01 Cory

设置功能切换的背景和添加的间隔做到这一点。背景包含在阵列bgArr。

bgArr = ['images/bg1.jpg', 'anotherdir/bg2.jpg', 'otherone/bg3.jpg']; 
bgCur = 0; 
backgroundSwitch = function() 
{ 
    if (bgCur == bgArr.length) bgCur = 0; 
    document.body.style.backgroundImage = 'url('+ bgArr[bgCur++]+ ')'; 
} 
window.setInterval(backgroundSwitch, 30000); // Switch every 30 seconds.

来源

2011-09-01 00:46:06

它切换，但它只是不继续通过图像旋转。如果我创建了一个数组，这会解决吗？以及如何在JavaScript中创建一个数组？非常感谢！ – Cory

当然你需要一个数组......我现在会更新我的答案。 – 2011-09-01 00:53:36

退房setInterval

setInterval(function() { 
    document.body.style.backgroundImage = new_image; 
}, 3000);

来源

2011-09-01 00:41:18 Joe

有你需要三样东西（其中两个已经被其他的答案中提到）：

内置函数setInterval()，到断火的处理函数每X秒。
表达式document.body，它可让您直接引用body元素的DOM对象。
将在图像之间切换的功能（将传递给setInterval()）。这可能需要一些数据结构才能记住要切换的图像列表。

例如：

var images = ['./image1.jpg', './image2.jpg']; 
var curImage = 0; 
function switchImage() 
{ 
    curImage = (curImage + 1) % images.length 
    document.body.style.backgroundImage = 'url(' + images[curImage] + ')' 
} 
window.setInterval(switchImage, numSeconds * 1000);

来源

2011-09-01 01:01:19 azernik

按时间旋转身体的背景图像

回答

相关问题