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

Question

有人可以帮我制作一个简单的javascript来获取元素体，这样我就可以每隔X秒改变它的样式来改变背景图像吗？

Answer 1

您需要三件事（其他答案中已提到其中两件）：

1. 内置函数setInterval()，每X秒启动一次处理函数。
2. 表达式document.body，它可以直接引用body元素的DOM对象。
3. 将在图像之间切换的函数（将传递给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);

Answer 2

结帐setInterval

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

Answer 3

设置切换背景的功能并添加间隔来执行此操作。 背景包含在数组 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.