javascript - 网页背景周期性变化

Question

我正在设计一个 Web 应用程序。为了让它更具吸引力，我想在我的网页中设置漂亮的背景，该背景会定期更改。我知道这是用 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 );