본문으로 바로가기

Animation jQuery- delay()

category Web Tech/jQuery 2016. 7. 13. 07:00

애니메이션 지연

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

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




jQuery delay() 메서드

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


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

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


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





Jaehee's WebClub