网页背景的周期性变化

Question

我正在设计一个网络应用程序。为了使它更具吸引力，我想在我的网页中定期更改的美丽背景。我知道这是用JavaScript完成的。但是如何同步，以便DOM在特定时间改变背景。请给我一些函数。

Answer 1

<强> LIVE DEMO

var images = [
  "car.jpg",
  "cow.jpg",
  "pig.jpg"
],
c = 0,
intv;

for(var i =0; i< images.length; i++){
   var img = new Image().src = images[i]; // Preload all images
}

intv = setInterval(function(){
   document.body.style.backgroundImage = "url("+ images[++c%images.length] +")";
}, 2500);

如果你想停止滚动你的间隔，你可以这样做：

clearInterval( intv );

Answer 2

Best Soln使用JQ，

jQuery fade to different background images for body set by interval set by a specific folder

尝试

1）html5 change background image interval time

2）Change body background of page interval