How can i make one slide stays longer than others in owlCarousel

Question

$(".banner-slider").owlCarousel({
    navigation : true, // Show next and prev buttons
    pagination: true,
      slideSpeed : 50000,
      singleItem:true,
      autoPlay: true,
      autoPlay : 6000,
  });

Answer 1

You can use an array of times ` var delays = [4000,3000,5000,3000];

function pageLoad() {
    $(function () {
        $('#slider').nivoSlider({
            pauseTime: 50000,
            directionNav: true,
            afterChange: function () { setDelay() },
            afterLoad: function () { setDelay() },
            controlNav: true,
            pauseOnHover: false
        });
    });
}

function setDelay() {
    var currentSlide = $('#slider').data("nivo:vars").currentSlide;
    setTimeout(function () {
        $('#slider').find('a.nivo-nextNav').click()
    }, delays[currentSlide]);

}`