2017-08-03 79 views
1

所以我有一個轉盤,該轉盤工程─在這裏看到它在我的jsfiddle,https://jsfiddle.net/L4q2e35g/3/讓jQuery的旋轉木馬自動啓動,而不是的onclick

我需要它做的是一個自動啓動和滑動代替的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> 

回答

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/

+0

你也可以添加一個參數指定你的配置區間,並將其傳遞到你的循環功能......也許這得到了暫停狀態在懸停時更改以防止調用步驟 – jidexl21

+0

這真是太棒了,謝謝 –

2

你可以試試這個更新working fiddle

jQuery代碼在你的提琴改變:

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

setInterval(autoStart,3000); 
+1

做得好謝謝 –