Comment déclencher un événement répété en survolant la souris dans JQu

Comment déclencher un événement répété en survolant la souris dans JQuery?

Je construisais une simple liste carrousel à des fins d'apprentissage.

Dans certains échantillons de carrousel, si vous passez la souris sur le bouton précédent ou suivant, la liste commence à défiler, comme si un événement de clic répété était passé aux boutons précédent et suivant.

Maintenant, dans mon carrousel, j'ai des boutons précédent et suivant qui vont glisser de haut en bas dans la liste. Maintenant, je souhaite implémenter l'effet de survol. Mais coincé avec les événements: (Mon idée était sur la souris, je devrais déclencher l'événement de clic, mais l'événement n'est déclenché qu'une seule fois, alors que je veux qu'il soit déclenché à plusieurs reprises tant que la souris reste sur le bouton.

Comment puis-je faire cela? Et quelle sera la meilleure approche pour faire cet effet de survol?

Merci d'avance, Anjan

Montrez la meilleure réponse

Démarrer (et boucler) l'animation au passage de la souris, arrêter / mettre en pause l'animation au passage de la souris?

Dans l'événement mouseover (ou la première méthode de l'événement hover), vous démarrez une fonction chronométrée qui provoque le défilement et dans l'événement mouseout (ou la deuxième méthode de l'événement hover) vous arrêtez la fonction chronométrée

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

ce code devrait fonctionner en utilisant un intervalle défini. Découvrez également des alternatives utilisant des boucles et setTimeout ()