Question

我有以下要求。我在一个div中有很多div。我想一次显示一个div 30秒和下一个div等等..

<div id="Parent">

    <div id="Child1">
     I am DIV 1
    </div>

    <div id="Child2">
     I am DIV 2
    </div>

    <div id="Child3">
     I am DIV 3
    </div>

</div>

如何使用ajax和jquery？

Answer 1

这取决于div的内容是否会发生变化，然后我会使用jQuery进行更改，但如果内容可以更改，那么我们应该通过ajax获取内容。

在每次迭代中使用ajax引入静态内容是没用的，并且会消耗额外的机器和带宽资源。您可以使用setInterval一个接一个地显示div，如果您携带或不带有ajax的内容，将使用它。

Answer 2

 (function () {
   $('#Parent div').hide().first().show();
   setInterval(function () {
    $('#Parent div:first').hide().next().fadeIn().end().appendTo("#Parent");
   }, 3000);

})();

http://jsfiddle.net/F98zF/12/

在代码中将3000更改为30000（3秒到30秒）

在定期间隔后，在父DIV中逐个显示子DIV

2 个答案: