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