애니메이션 지연
앞선 포스팅에서 사용한 애니메이션 효과는 메서드가 실행되지 마자 바로 효과가 나타났습니다.
jQuery 효과 관련 메서드를 사용자가 정의하여 특정한 시간 후에 실행하고자 할 경우에는 delay() 메서드를 사용할 수 있습니다.
jQuery delay() 메서드
delay() 메서드의 매개 변수에는 지연시키려는 시간을 밀리초 단위로 작성합니다.
다음의 예제를 통해 확인해보도록 합니다.
See the Pen jQuery delay() 메서드 by jaeheekim (@jaehee) on CodePen.
각 박스는 delay() 메서드로 인하여 0.5초 지연 후에 애니메이션 효과가 나타나는 것을 확인하실 수 있습니다.
Related Info
Jaehee's WebClub
'Web Tech > jQuery' 카테고리의 다른 글
| jQuery(), $() 의 정체 (0) | 2016.09.29 |
|---|---|
| 필수적인 제이쿼리 플러그인 패턴 (0) | 2016.09.28 |
| 애니메이션 정지와 큐 - jQuery stop() 메소드 & clearQueue() (1) | 2016.07.12 |
| jQuery의 each() 메서드 알아보기 (14) | 2016.07.04 |
| attr() 메서드와 prop() 메서드의 차이점 (0) | 2016.07.01 |
