让jQuery的旋转木马自动启动，而不是的onclick

Question

所以我有一个转盘，该转盘工程─在这里看到它在我的jsfiddle，https://jsfiddle.net/L4q2e35g/3/

我需要它做的是一个自动启动和滑动代替的onclick功能，任何人有一个快速代码解决方案，使其工作？

<div class="container-fluid"> 
     <div class="row"> 
      <div class="col-md-4"> 
        <div class="grey-bordered" style="height: 300px;"> 
         <div id="slideShow" class="slides-wrapper"> 
          <section class="slide"> 
           Section 1 
          </section> 
          <section class="slide"> 
           Section 2 
          </section> 
          <section class="slide"> 
           Section 3 
          </section> 
          <section class="slide"> 
           Section 4 
          </section> 
          <section class="slide"> 
           Section 5 
          </section> 
          <section class="slide"> 
           Section 6 
          </section> 
         </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

添加函数圈到S

function circle() { 
     if (slides[currentSlide + 1]) { 
      ++currentSlide; 
      step(); 
     }else{ currentSlide = 0; step() } 
    } 

然后递归循环后函数在init中调用它

var loop = function(){ 
       setTimeout(function(){ circle(); loop() }, 2000) 
     } 
loop(); 

可以看到小提琴https://jsfiddle.net/L4q2e35g/9/

Answer 2

你可以试试这个更新working fiddle

jQuery代码在你的提琴改变：

function autoStart() 
{ 
     if (currentSlide === slidesNum - 1) { 
      currentSlide=0; 
     } 
     goNext(); 
} 

setInterval(autoStart,3000);