jQuery / Method / .delay() - 실행 중인 함수를 정해진 시간만큼 중지(연기) 시키는 메서드
.delay()
.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>