Animation jQuery- delay()

애니메이션 지연

앞선 포스팅에서 사용한 애니메이션 효과는 메서드가 실행되지 마자 바로 효과가 나타났습니다.

jQuery 효과 관련 메서드를 사용자가 정의하여 특정한 시간 후에 실행하고자 할 경우에는 delay() 메서드를 사용할 수 있습니다.

jQuery delay() 메서드

delay() 메서드의 매개 변수에는 지연시키려는 시간을 밀리초 단위로 작성합니다.

다음의 예제를 통해 확인해보도록 합니다.

See the Pen jQuery delay() 메서드 by jaeheekim (@jaehee) on CodePen.

각 박스는 delay() 메서드로 인하여 0.5초 지연 후에 애니메이션 효과가 나타나는 것을 확인하실 수 있습니다.

Related Info

1. 애니메이션 큐와 애니메이션 정지하기

Jaehee's WebClub