javascript - 定期间隔后在父DIV中一一显示子DIV

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 带来静态内容是没有用的，并且会消耗额外的机器资源和带宽。您可以使用 usesetInterval一个接一个地显示 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 秒）