使用jQuery每4秒添加一个POST类到div的最佳方式是什么?

时间:2012-04-10 作者:Kegan Quimby

使用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秒钟,将其从第二个中移除并添加到第三个中。当它到达终点时,它会绕回来。

1 个回复
最合适的回答,由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文档中。就绪功能:)

结束

相关推荐

Ajax(JQuery)wp_Query分页返回-1

我目前正在为wordpress开发一个ajaxified主题。我列出了特定类别中的帖子,但单击后分页返回-1。假设我将showposts设置为3,并且一个特定类别有2篇帖子,指向以前帖子的链接不会按预期显示。现在,如果该类别有5篇帖子,则会显示指向以前帖子的链接,这也是意料之中的,但当我单击它时,会返回-1。这是我的代码:<?php $category = get_category_by_slug($_POST[\'catname\']); $wp_query = new WP_Qu