jQuery CSS 每 X 秒更改一次除法

Question

我有以下代码:

<div id="fp-slides">
  <div id="fp-slide-design" class="current"></div>
  <div id="fp-slide-seo"></div>
  <div id="fp-slide-ecommerce"></div>
  <div id="fp-slide-cms"></div>
</div>

我希望 class="current" 每 5 秒在 4 个分区之间切换一次。我应该查看 jQuery 中的哪个函数？

Answer 1

看看this approach .

只需将值 400 更改为 5000。

var $elements = $('#fp-slides div'); 

var total_elements = $elements.length;
var element_with_class = 0;

window.setInterval( function () {

  $elements.eq(element_with_class).removeClass('current');

  element_with_class += 1;

  if ( element_with_class === total_elements )
  {
      element_with_class = 0;
  }

  $elements.eq(element_with_class).addClass('current'); 

}, 5000 );