使用Javascript更改背景css

在网站中，当他们的网页加载时，页面顶部的背景图像会在大约10秒后发生变化

我想知道如何做这个的基本版本。在css中设置背景图像属性以循环浏览图像的代码

---

我自己试了几个小时才弄到它，但我想不出来。

为更改图像的函数设置超时：

var-imageSrcs=['//google.com/favicon.ico'，'//w3schools.com/favicon.ico'，'//stackoverflow.com/favicon.ico']；
var currentImage=0；
setInterval（函数（）{
如果（currentImage因为您正在寻找一些简单的东西，这里有一个解决方案，至少适用于一些内联CSS

var imgArry = ["http://dummyimage.com/200x200/cf90cf/555770.png&text=pic+1", "http://dummyimage.com/200x200/c99011/555770.png&text=pic+2", "http://dummyimage.com/200x200/cc5601/555770.png&text=pic+3"];
function backgroundImageSlider(elem, imgs, speed){
   var index = 0;
   var timer = setInterval(function(){
      elem.style.backgroundImage = "url(" + imgs[index] + ")";
      index++
      if(index == imgs.length){
         index = 0;
      }
   }, speed);
}

backgroundImageSlider(document.getElementById("imageDiv"), imgArry, 10000);

这是一个JSFiddle。