So stoppen Sie eine Animation mit JQuery

Question

Es gibt zwei Methoden: Führen Sie die Methode „turnRight“ aus, um die Box so zu steuern, dass sie sich nach rechts bewegt, und führen Sie die Methode „turnLeft“ aus, um die Box so zu steuern, dass sie sich nach links bewegt.

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)    
 }

In der TurnRight-Methode habe ich eine Callback-Funktion zur Ausführung von console.log("end") hinzugefügt. Nachdem die TurnRight-Methode ausgeführt wurde, bewegt sich die Box 1 Sekunde lang nach rechts. Nach dem Ende wird „end“ ausgegeben. Wenn ich die TurnLeft-Methode ausführe, während die Box noch nicht die rechte Seite erreicht hat (d. h. die Zeit reicht nicht für 1 Sekunde), wird 1 Sekunde gewartet, bevor die TurnLeft-Methode ausgeführt wird.
Wenn der JS von mir selbst geschrieben wurde, weiß ich, dass es schön wäre, den Timer zu löschen, aber wie stoppt man die Animation von turnRight mit jquery

?

Answer 1

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

Answer 2

$('.k-element-plugs-box').stop().animate()，先停掉前面的动画，然后再执行接下来的动画

Answer 3

$('xxx').stop() 或者 $('xxx').stop().animate()
stop()的具体用法和参数说明去翻翻文档, 解释的会比较好点