Jquery 一段时间后如何更改同一类的div？

我想要的是每30秒更改一次这个

广告容器

，并显示来自foreach的另一个。有什么建议我该怎么做

 <div id="advertise_holder">

      @foreach($advertises as $advertise)
        <div class="row advertise_container">
            <div class="col-md-12 col-sm-12 col-xs-12">
               <div class="advertisement">
                 <img src="{{ home_asset('img/advertisment1.png') }}" alt=""  />
                  <div class="advertisment_text">
                    <div class="advertisement_title">Your ad can be here</div>
                    <div class="advertisment_subtitle">ADVERTISE WITH SKYMO</div>
                     </div>
                   </div>
                  </div>
                </div>
           @endforeach
           </div>

现在它显示3个div。我想要的是做一些类似滑块的东西。要显示第一个div，并在一段时间后显示第二个div，依此类推…

测试此项

但如果要替换单个div，请使用

    if ($( ".advertise_container" ).next().length > 0){
          $( ".advertise_container").
removeClass("advertise_container").
next().addClass('advertise_container');
    }

这样会更有效率

V.

尝试以下代码： 创建函数以显示下一个advrt.：

function showNext(){
 var next=$('.advertise_container.active').next('.advertise_container');
 if(!next.length)  {
   next=$('.advertise_container').first();
 } 
 $('.advertise_container.active').fadeOut('slow',function(){
   $(this).removeClass('active');
    next.fadeIn('slow').addClass('active');
  });
}

在文档准备就绪时显示第一个，然后在2秒后显示其他：

$(function(){

 //add active class to first el
  $('.advertise_container.active').first().addClass('active');


 //show first time
  showNext(); 

  //show next after 2 seconds (you can change time)
  setInterval(showNext,2000); 
});

同时添加此CSS类：

.advertise_container {
   display:none;
 }

---

请更具体地说明您的问题我更新了我的问题…也许您不理解我。我显示几个div，我只想显示第一个div，一段时间后我想显示第二个div。。。以此类推……问题是，我不能只在第一个上添加活动类，然后所有div都会有那个类

.advertise_container {
   display:none;
 }