使 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

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

jQuery 代码在你的小提琴中改变了：

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(); 

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