使 Jquery carousel 自动启动而不是 onclick

Question

所以我有一个可以工作的旋转木马 - 在我的 jsfiddle 上看到它，https://jsfiddle.net/L4q2e35g/3/

我需要它做的是自动启动和滑动而不是点击功能，谁有快速的代码解决方案来让它工作？

<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

你可以试试这个更新后的working fiddle

jQuery 您的代码已更改 fiddle:

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

setInterval(autoStart,3000);

Answer 2

在s后加一个功能圈

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

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

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

你可以看到 fiddle https://jsfiddle.net/L4q2e35g/9/