向jquery插件添加自动幻灯片选项

向jquery插件添加自动幻灯片选项,jquery,slider,Jquery,Slider,我打算在网站上使用,但它没有自动播放选项。它只是在鼠标点击事件上滑动 jquery如下所示: (function($){ $('.square-slider').each(function(){ var slider = $(this), slides = slider.find('.slide'), currentSlide = 0; slides.show(); $(slides[cu

我打算在网站上使用,但它没有自动播放选项。它只是在鼠标点击事件上滑动

jquery如下所示:

(function($){

    $('.square-slider').each(function(){
        var slider = $(this),
            slides = slider.find('.slide'),
            currentSlide = 0;

        slides.show();
        $(slides[currentSlide]).addClass('active');
        $('.next,.prev', slider).show();

        $('.prev', slider).on('click', function(){
            slides.removeClass('active');
            currentSlide--;
            if(currentSlide < 0) currentSlide = slides.length - 1;
            $(slides[currentSlide]).addClass('active');
            return false;
        });

        $('.next', slider).on('click', function(){
            slides.removeClass('active');
            currentSlide++;
            if(currentSlide > slides.length - 1) currentSlide = 0;
            $(slides[currentSlide]).addClass('active');
            return false;
        });
    });

})(window.jQuery);
(函数($){
$('.square slider')。每个(函数(){
变量滑块=$(此),
slides=slider.find('.slide'),
currentSlide=0;
slides.show();
$(幻灯片[currentSlide]).addClass(“活动”);
$('.next、.prev',slider.show();
$('.prev',滑块).on('click',function(){
slides.removeClass('active');
当前幻灯片--;
如果(currentSlide<0)currentSlide=slides.length-1;
$(幻灯片[currentSlide]).addClass(“活动”);
返回false;
});
$('next',slider).on('click',function(){
slides.removeClass('active');
currentSlide++;
如果(currentSlide>slides.length-1)currentSlide=0;
$(幻灯片[currentSlide]).addClass(“活动”);
返回false;
});
});
})(window.jQuery);

我应该添加什么使它能够从一个图像自动滑动到另一个图像。

您可以做的是定期触发下一个按钮单击事件

示例

setInterval(function(){
  $('.next').trigger('click');
},2000);

将这些代码包装成如下函数:

function next() {

slides.removeClass('active');
currentSlide++;
if(currentSlide > slides.length - 1) currentSlide = 0;
$(slides[currentSlide]).addClass('active');

}
setInterval( next(), 5000);
然后您可以使用javascript的
setInterval()
函数,如:

function next() {

slides.removeClass('active');
currentSlide++;
if(currentSlide > slides.length - 1) currentSlide = 0;
$(slides[currentSlide]).addClass('active');

}
setInterval( next(), 5000);

这样,next()函数将每5秒执行一次。

thanx,请您提供一个演示,或者将上面的建议作为我提到的代码的一部分。我真的是新手,不知道如何调用下一个函数。