Jquery를 사용하여 애니메이션 애니메이션을 중지하는 방법

Question

두 가지 메소드가 있습니다. 상자가 오른쪽으로 이동하도록 제어하려면 TurnRight 메소드를 실행하고, 상자가 왼쪽으로 이동하도록 제어하려면 TurnLeft 메소드를 실행하세요.

으아악

turnRight 메서드에서 console.log("end")를 실행하기 위해 animate animation 메서드에 콜백 함수를 추가했는데 이제 문제가 발생합니다.turnRight 메서드가 실행된 후 상자가 1초 동안 오른쪽으로 이동합니다. 종료 후 "end"를 인쇄합니다. 상자가 오른쪽에 도달하지 않았을 때(즉, 시간이 1초로 충분하지 않은 경우) TurnLeft 메서드를 실행하면 TurnLeft 메서드를 실행하기 전에 1초 동안 대기합니다.
JS를 직접 작성했다면 타이머를 클리어하면 좋을텐데 애니메이션 애니메이션을 차례로 멈추는 방법은 바로 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()의 구체적인 사용법과 매개변수 설명은 문서에서 찾을 수 있으며, 더 잘 설명될 것입니다