使用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秒钟,将其从第二个中移除并添加到第三个中。当它到达终点时,它会绕回来。
最合适的回答,由SO网友:onetrickpony 整理而成
var post_count = $(\'.post\').length,
current_index = 0;
setInterval(function(){
$(\'.post\').removeClass(\'display\').eq(current_index).addClass(\'display\');
current_index++;
if(current_index > post_count)
current_index = 0;
}, 4000);
将其包装在jQuery文档中。就绪功能:)