需要滑動我的div

Question

即時尋找的東西，用的div使滑塊..我尋找它，我發現這一點：

的HTML：

<div class="mydivs"> 
    <div>divasdas 1</div> 
    <div>divasdasdasdad 2</div> 
    <div>divasdasdasdasdasd 3</div> 
    <div>div 4asdasdasd</div> 
</div> 
<div id="prev">go to previous div</div> 
<div id="next">go to next div</div> 

Jsfiddle

，但我有一個小問題，我需要div的幻燈片每2秒。那可能嗎 ？

Answer 1

您可以使用setInterval()每2000毫秒執行一次「下一張幻燈片」功能。

$(document).ready(function() { 
    var divs = $('.mydivs>div'); 
    var now = 0; // currently shown div 
    divs.hide().first().show(); 
    $("#next").click(NextSlide); 
    $("#prev").click(PrevSlide); 

    function NextSlide() { 
     divs.eq(now).hide(); 
     now = (now + 1 < divs.length) ? now + 1 : 0; 
     divs.eq(now).show(); // show next 
    } 

    function PrevSlide() { 
     divs.eq(now).hide(); 
     now = (now > 0) ? now - 1 : divs.length - 1; 
     divs.eq(now).show(); 
    } 

    setInterval(NextSlide,2000); 
}); 

jsFiddle