[jQuery] 시간 지연함수 - .delay() 함수

 

 

자바스크립트의 제이쿼리(jQuery)를 사용하여 일정 시간 뒤에 콜백 함수를 실행하는 방법에는 .setTimeout() 함수를 사용하게 됩니다. .setTimeout() 함수 이외에도 일정 시간이 지난 후 애니메이션 큐를 지연하여 실행하기 위한 함수로 .delay() 함수가 있습니다.

jquery(제이쿼리)의 .delay() 함수

jQuery(제이쿼리)의 .delay() 함수는 일정 시간이 경과한 후에 다음 코드를 강제적으로 실행하도록 지연시간을 생성하는 함수입니다. 단 큐를 가진 애니메이션에만 적용되는 함수입니다.

실행 중인 함수를 정해진 시간만큼 중지하기도 하는 함수입니다.

// .delay()함수 사용방법 

.delay( [중지할 시간] , [ queueName ] )

 

//p 태그의 엘리먼트가 5초후에 내려갔다가 올라가는 애니메이션

$("p").delay(5000).slideDown(200).slideUp(200);