-
jQuery - .delay()jQuery 2020. 6. 23. 15:41
.delay()
- 실행 중인 함수를 정해진 시간만큼 중지(연기) 시킨다.
문법
.delay( duration [, queueName])duration에는 중지할 시간이 들어간다. 숫자로 정할 때의 단위는 1/1000초이고, slow 또는 fast로 정할 수도 있다.
slow는 600, fast는 200에 해당
예제
- 버튼을 클릭하면 문단이 위로 사라졌다가 1초 뒤에 아래로 내려온다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { $( 'button' ).click( function() { $( 'p' ).slideUp( 200 ).delay( 2000 ).slideDown( 200 ); } ); } ); </script> </head> <body> <button>Click</button> <p>Lorem Ipsum Dolor</p> </body> </html>
'jQuery' 카테고리의 다른 글
jQuery - .each() (0) 2020.06.23 jQuery - .detach() (0) 2020.06.23 jQuery - .css() (0) 2020.06.23 jQuery - .clone() (0) 2020.06.23 jQuery - .click() (0) 2020.06.23