Javascript 定期在父DIV中逐个显示子DIV

我有以下要求。我在一个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怎么可能呢？

这取决于

div

的内容是否不变，那么我会使用

jquery

来实现，但是如果内容可以改变，那么我们应该通过

ajax

来实现

---

在每次迭代中使用ajax带来静态内容是无用的，并且会消耗额外的机器资源和带宽。您可以使用

setInterval

一个接一个地显示div，如果您使用ajax带来或不带来内容，就会使用它。

这取决于

div

的内容是否没有改变，那么我会使用

jQuery

进行显示，但是如果内容可以改变，那么我们应该通过

ajax

获得它们

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

})();

---

在每次迭代中使用ajax带来静态内容是无用的，并且会消耗额外的机器资源和带宽。您可以使用

setInterval

一个接一个地显示div，如果您使用ajax带来或不带来内容，就会使用它。

这取决于

div

的内容是否没有改变，那么我会使用

jQuery

进行显示，但是如果内容可以改变，那么我们应该通过

ajax

获得它们

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

})();

---

在每次迭代中使用ajax带来静态内容是无用的，并且会消耗额外的机器资源和带宽。您可以使用

setInterval

一个接一个地显示div，如果您使用ajax带来或不带来内容，就会使用它。

这取决于

div

的内容是否没有改变，那么我会使用

jQuery

进行显示，但是如果内容可以改变，那么我们应该通过

ajax

获得它们

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

})();

在每次迭代中使用ajax带来静态内容是无用的，并且会消耗额外的机器资源和带宽。您可以使用

setInterval

一个接一个地显示div，如果您使用ajax带来或不带来内容，则将使用它

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

})();

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

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

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

---

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

我问了一个简单的问题，但我的要求很复杂。是的，div的内容会改变。内容在it迭代期间会改变吗？每个div的内容都是静态的，那么您可能不需要ajax。我问了一个简单的问题，但我的要求很复杂。是的，div的内容会改变。内容在it迭代期间会改变吗？每个div的内容都是静态的，那么您可能不需要ajax。我问了一个简单的问题，但我的要求很复杂。是的，div的内容会改变。内容在it迭代期间会改变吗？每个div的内容都是静态的，那么您可能不需要ajax。我问了一个简单的问题，但我的要求很复杂。是的，div的内容会改变。内容在迭代过程中会改变吗？每个div的内容都是静态的，那么您可能不需要ajax。