Jquery эффекты слайд, нужно задержать после щелчка

Question

у меня есть 5 слайдов, которые меняют после 5 секунд или мыши (Готово с SetInterval функцией, который запускает «щелчок»)

Проблема следующая, например Допустим, что он установлен на # slide_1, когда прошло 4 секунды, и я вручную нажимаю # slide_2, следующий слайд (# slide_3) активируется через 1 секунду. Это все SetInterval, что вызывает щелчок и я понятия не имею, как добавить 5 секундный интервал снова, между ручным и SetInterval щелкает ..

Вот мой код,

setInterval(function() { 
     if(!$('.buttons > ul ').children('.butt_press').next().length){ 
      $('.buttons > ul').children(':first').trigger('click'); 
     } 
     else{ 
      $('.buttons > ul').children('.butt_press').next().trigger('click'); 
     } 
    }, 5500); 

благодаря

Answer 1

setInterval возвращает идентификатор интервала, который вы можете использовать для очистки интервала, а затем повторно создать его.

var nextSlide = function() { 
    if(!$('.buttons > ul ').children('.butt_press').next().length){ 
     $('.buttons > ul').children(':first').trigger('click'); 
    } else { 
     $('.buttons > ul').children('.butt_press').next().trigger('click'); 
    } 
}; 

var interval = setInterval(nextSlide, 5000); 

$('some_selector').on('click', function() { 
    nextSlide(); 
    clearInterval(interval); 
    interval = setInterval(nextSlide, 5000); 
});