Как вызвать повторное событие при наведении курсора мыши в JQuery?

Question

Я строил простой список каруселей для целей обучения.

В некоторых примерах карусели при наведении указателя мыши на кнопку «Предыдущая» или «Следующая» список начинает прокручиваться, как если бы повторяющееся событие щелчка передавалось кнопкам «Предыдущая» и «Следующая».

Теперь в моей карусели есть кнопки «назад» и «вперед», которые будут скользить вверх и вниз по списку. Теперь я хочу реализовать эффект наведения. Но застрял с событиями :( Моя идея была при наведении мыши, я должен вызвать событие щелчка, но событие вызывается только один раз, в то время как я хочу, чтобы оно запускалось несколько раз, пока мышь остается на кнопке.

Как я могу это сделать? И как лучше всего использовать этот эффект при наведении?

Заранее спасибо, Anjan

Answer 1

В событии mouseover (или первом методе события hover) вы запускаете синхронизированную функцию, которая вызывает прокрутку, а в событии mouseout (или втором методе события hover) вы останавливаете синхронизированную функцию

var interval;
    $('#arrow').hover(function() {
        interval = setInterval(animationmethodname, speed);
    },
    function() {
        clearInterval(interval);
    });

этот код должен работать с использованием заданного интервала. Также проверьте альтернативы, используя циклы и setTimeout ()

Answer 2

Запустить (и зациклить) анимацию при наведении мыши, остановить / приостановить анимацию при наведении мыши?