jQuery

[jQuery] jQuery/Method/.delay() - Method to pause (defer) a running function for a given amount of time

OOQ 2022. 9. 7. 09:35
728x90
SMALL

#jQuery

#delay()

.delay()

.delay() causes a running function to pause (defer) for a given amount of time.

grammar

.delay( duration [, queueName ] )

duration contains the time to stop. The unit when deciding by number is 1/1000 second, and you can decide by slow or fast. Slow corresponds to 600 and Fast corresponds to 200.

example

When the button is clicked, the paragraph disappears upwards and comes down after 1 second.

<!doctype html>
<html lang="en">
  <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>
728x90
LIST