Как правильно сделать повторение события при mousedown и hold?

Question

[Alexander Mischuk]

Есть обыкновенный слайдер, например, slick. Есть примерно следующий код.

$('.next').on('mousedown, function() {
    $('.slider').slickNext();
});

Как мне сделать так, чтобы при нажатии и удержании кнопки мыши на .next повторялось событие slickNext с каким-то интервалом?

Answer 1

[Alexander Mischuk]

var slickInterval;
$('.next').on('mousedown', function(){
    clearInterval(slickInterval);
    slickInterval = setInterval(function(){
          $('.slider').slickNext();
    }, 50);
});
$('.next').on('mouseup mouseout', function(){
    clearInterval(slickInterval);
});