使用jQuery在计时器上更改DIV CSS

我是javascript新手，只是想知道最好的方法是每10秒更改一个DIV的背景图像（只有2个图像）。谢谢：）

---

未经测试，但应能正常工作。我将学习一个示例。

尝试以下内容：

$(document).ready(function(){
   setTimeout('setbackground()',10000);
});

function setbackground(){ 
  // change you image here
  setTimeout('setbackground()',10000); // to change the image in 10 seconds
}

我希望它能起作用：-）

---

或者，您可以在代码中使用style=“display:none”（除第一个div外）设置任意数量的div，并且每10秒设置display:block；给他们中的一个。

这应该能帮到你：

您可以添加任意数量的div，只需将1000更改为10000并持续10秒

希望能有所帮助。

具有

setInterval

功能的备用CSS类（即

bg1

bg2

）

var body = document.getElementsByTagName('body')[0],
    switchBG = function() {
        var bgTimer = setInterval(function() {
            body.className = (body.className === "bg2" ? "bg1" : "bg2");
        }, 10000 /* 10000 ms = 10 sec */);
    };
switchBG();

---

这是直截了当的js

这里有一个插件类型的答案：

---

查看javascript（）中的函数setTimeout（），效果更好：尝试

setInterval（）

绿色和红色图像是一直相同还是特定于每个div？基本上我一行有3个div。我需要在循环中每10秒按顺序更改每个div的背景。我需要图像交换回tooth函数调用self-back。您需要测试当前显示，然后将其更改为以下显示。谢谢。我该如何同时更改div背景图像中的div呢？谢谢，这正是我需要的：）非常高兴再次感谢

$(document).ready(function(){
   var i = 0;
   var images = newArray("image1.jpg","image2.png","image3.jpg");
   setTimeout('changeBack(i, images)',10000);
});

function changeBack(i, images) {
i++;
if(i > images.length) {
    i = 0;
}
$('#changeBackInThisId').css('background-image', images[i]);
setTimeout(changeBack(i, images), 10000);
}

$(document).ready(function(){
var setFirst = $('.set').first();    
setFirst.addClass('active');
setTimeout(function(){change_background();},1000);
});

function change_background(){
    var setFirst = $('.set').first(),
        setActive = $('.active'),
        setNext = setActive.next(),
        setCheckActive = setActive.attr('id'),
        setCheckLast = $('.set').last().attr('id');

    if(setCheckActive == setCheckLast){
        setNext = setFirst;
        }

    $('.active').removeClass('active');
    setNext.addClass('active');
    setTimeout(function(){change_background()},1000);
    }

var body = document.getElementsByTagName('body')[0],
    switchBG = function() {
        var bgTimer = setInterval(function() {
            body.className = (body.className === "bg2" ? "bg1" : "bg2");
        }, 10000 /* 10000 ms = 10 sec */);
    };
switchBG();