Сделать это автоматически

Question

Есть ли способ сделать эту карусель скользить через слайды самостоятельно?

var main = function() { 

    $('.arrow-next').click(function() { 
     var currentSlide = $('.active-slide'); 
     var nextSlide = currentSlide.next(); 

     var currentDot = $('.active-dot'); 
     var nextDot = currentDot.next(); 

     if(nextSlide.length === 0) { 
      nextSlide = $('.slide').first(); 
      nextDot = $('.dot').first(); 
     } 

     currentSlide.fadeOut(600).removeClass('active-slide'); 
     nextSlide.fadeIn(600).addClass('active-slide'); 

     currentDot.removeClass('active-dot'); 
     nextDot.addClass('active-dot'); 
    }); 


    $('.arrow-prev').click(function() { 
     var currentSlide = $('.active-slide'); 
     var prevSlide = currentSlide.prev(); 

     var currentDot = $('.active-dot'); 
     var prevDot = currentDot.prev(); 

     if(prevSlide.length === 0) { 
      prevSlide = $('.slide').last(); 
      prevDot = $('.dot').last(); 
     } 

     currentSlide.fadeOut(600).removeClass('active-slide'); 
     prevSlide.fadeIn(600).addClass('active-slide'); 

     currentDot.removeClass('active-dot'); 
     prevDot.addClass('active-dot'); 
    }); 

} 

$(document).ready(main); 

Надеется, что вы можете помочь,

Спасибо заранее.

Answer 1

Используйте setInterval и триггер («нажмите»), и карусель будет «щелкать» каждую секунду.

setInterval(function() { 
    $(".arrow-next").trigger("click"); 
}, 3000); 

Answer 2

Вы можете использовать функцию setInverval.

SetInterval принимает функцию (ту, которая запускает следующие слайды в вашем случае) и время в миллисекундах, это задержка между каждым вызовом функции.

stInterval возвращает значение, которое вы должны храниться в памяти и перейти к clearInterval, когда ваш объект будет уничтожен

Документация: http://www.w3schools.com/jsref/met_win_setinterval.asp