Javascript 什么'；使用jquery每4秒向div添加一个post类的最佳方法是什么？

使用jquery每4秒向div中添加一个post类的最佳方法是什么

<div class="34 post">
<img width="311" height="417" src="#" class="#" alt="newspapers" />
<h2><a href="#">Headline News Part 2</a></h2>
<p>testing new content</p>
</div>

<div class="9 post">
<img width="311" height="417" src="#" class="#" alt="newspapers" />
<h2><a href="#">Headline News Part 2</a></h2>
<p>testing new content</p>
</div>

<div class="6 post">
<img width="311" height="417" src="#" class="#" alt="newspapers" />
<h2><a href="#">Headline News Part 2</a></h2>
<p>testing new content</p>
</div>

测试新内容

测试新内容

测试新内容

因此，我希望第一个类有一个“display”类，然后在4秒钟后，我希望删除该类并将其添加到第二个类中。再过4秒，将其从第二个移动到第三个。当它到达终点时，它会循环回来

var $postDivs = $('div.post'), // assuming these won't change
    i = -1,
    CLASS_NAME = 'foo';

setInterval(function () {
    $postDivs.eq(i).removeClass(CLASS_NAME);
    i = (i+1) % $postDivs.length;
    $postDivs.eq(i).addClass(CLASS_NAME);
}, 4000);

---

如果要创建简单的新闻项目无限旋转，可以尝试这样做。

如果要创建简单的新闻项目无限旋转，您可以尝试这样做。

查看

setInterval

和

setTimeout

并创建一个函数。查看

setInterval

和

setTimeout

并创建一个函数。oooo太好了！除非启动需要4秒钟。。。当页面打开时，第一个div必须在那里有类loads@KeganQuimby因此，将其放入标记中。在页面首次加载时，不生成您想要显示的标记是相当愚蠢的，因为这样做。无论如何，如果你绝对坚持用JS:oooo做这件事，那就好了！除非启动需要4秒钟。。。当页面打开时，第一个div必须在那里有类loads@KeganQuimby因此，将其放入标记中。在页面首次加载时，不生成您想要显示的标记是相当愚蠢的，因为这样做。无论如何，如果你绝对坚持用JS来做：