Question

我正在寻找通过divs制作滑块的东西..我搜索它，我发现了这个：

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

但我有一个小问题，我需要每2秒div一次。那可能吗？

Answer 1

您可以使用setInterval()执行＆＃34;下一张幻灯片＃34;每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

需要滑动我的div

1 个答案: