delay 메서드
delay 메서드를 사용하면 큐에 대기 중인 함수의 실행을 지연시킬 수 있습니다. 이 메서드는 표준 효과 큐와 사용자 정의 큐 모두에 적용할 수 있습니다. 오직 큐 내의 이벤트에만 적용 가능합니다. 지속 시간은 밀리초뿐만 아니라 slow(600ms) 및 fast(200ms) 키워드로도 설정할 수 있으며, 값이 클수록 애니메이션이 느려집니다.
delay 메서드에는 특정 제한 사항이 있으므로, 특정 경우에 더 편리할 수 있는 네이티브 JavaScript 함수인 setTimeout을 대체하지 않습니다.
구문
다음과 같이 실행 지연을 설정합니다. 첫 번째 매개변수는 큐에서 다음 항목의 실행 지연 시간을 밀리초 단위로 설정합니다. 두 번째 선택적 매개변수로 큐 이름을 전달할 수 있습니다. 기본값은 fx로, 표준 효과 큐의 이름입니다:
.delay(지속시간, [큐 이름]);
예제
먼저 hide를 사용하여 요소를 숨기고, 3초 동안 지연시킨 다음, show를 사용하여 다시 표시해 보겠습니다:
<p id="test">텍스트 텍스트 텍스트</p>
$('#test').hide(1000).delay(3000).show(1000);
