jQuery Effects - Stop Animation

jQuery stop() 메서드는 애니메이션이나 효과가 끝나기 전에 중지하는 데 사용됩니다.

jQuery stop() 메서드는 애니메이션이나 효과가 끝나기 전에 중지하는 데 사용됩니다.

stop() 메서드는 슬라이딩, 페이딩 및 커스텀 애니메이션을 포함한 모든 jQuery 효과 함수에 대해 작동합니다.

$(selector).stop(stopAll,goToEnd);

stopAll 매개 변수 선택은 는 애니메이션 대기열도 지워야 하는지 여부를 지정합니다.
기본값은 false입니다. 즉, 활성 애니메이션만 중지되어 대기중인 모든 애니메이션이 나중에 실행되도록 허용합니다.

goToEnd 매개 변수 선택은 현재의 애니메이션을 즉시 완료할지 여부를 지정합니다. 기본값은 false입니다.

따라서 기본적으로, stop() 메서드는 선택한 요소에서 실행중인 현재의 애니메이션을 종료합니다.

다음 예제는 매개 변수가 없는 stop() 메서드를 보여줍니다.

    $(document).ready(function () {
      $("#flip").click(function () {
        $("#panel").slideDown(5000);
      });
      $("#stop").click(function () {
        $("#panel").stop();
      });
    });

모든 jQuery 효과에 대한 전체 개요를 보려면, jQuery Effect Reference로 이동하십시오.