Javascript 网页背景的周期性变化

Javascript 网页背景的周期性变化,javascript,html,Javascript,Html,我正在设计一个web应用程序。为了让它更有吸引力,我想在我的网页中有一个漂亮的背景,可以定期更改。我知道这是用JavaScript实现的。但是如何进行同步,以便DOM在特定时间更改背景。请为我推荐一些用于此的函数。 var images = [ "car.jpg", "cow.jpg", "pig.jpg" ], c = 0, intv; for(var i =0; i< images.length; i++){ var img = new Image().src =

我正在设计一个web应用程序。为了让它更有吸引力,我想在我的网页中有一个漂亮的背景,可以定期更改。我知道这是用JavaScript实现的。但是如何进行同步,以便DOM在特定时间更改背景。请为我推荐一些用于此的函数。

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);
使用JQ的最佳解决方案

试一试

(一)


2)在时间间隔改变BK肯定会占用克林特的带宽……@ 7IsNoad会考虑我的设计的缺点,并采取必要的步骤……但是告诉我方法同步…看看

clearInterval( intv );