Comment arrêter une animation animée avec jquery

Question

Il existe deux méthodes. Exécutez la méthode turnRight pour contrôler la boîte à se déplacer vers la droite et exécutez la méthode turnLeft pour contrôler la boîte à se déplacer vers la gauche.

function tureRight(){
    $('.k-element-plugs-box').animate({
                marginLeft: "0px"
        },1000,function(){
            console.log("end")
    })
}
    
function tureLeft(eletype){
    $('.k-element-plugs-box').animate({
        marginLeft: "-180px"
    },300)    
 }

Dans la méthode turnRight, j'ai ajouté une fonction de rappel dans la méthode d'animation animée pour exécuter console.log("end") Il y a maintenant un problème après l'exécution de la méthode turnRight, la boîte se déplace vers la droite pendant 1 seconde. Après la fin, imprimez "end". Si j'exécute la méthode turnLeft alors que la boîte n'a pas atteint la droite (c'est-à-dire que le temps ne suffit pas pour 1 seconde), elle attendra 1 seconde avant d'exécuter la méthode turnLeft.
Si le JS est écrit par moi-même, je sais que ce serait bien d'effacer le minuteur, mais comment arrêter l'animation animée à son tour avec jquery

Answer 1

$('.k-element-plugs-box').stop();
tureLeft();

Answer 2

$('.k-element-plugs-box').stop().animate(), arrêtez d'abord l'animation précédente, puis exécutez l'animation suivante

Answer 3

$('xxx').stop() ou $('xxx').stop().animate()
stop()'s l'utilisation spécifique et la description des paramètres peuvent être trouvées dans la documentation, elles seront mieux expliquées