Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery delay() Method

❮ jQuery Effect Methods

Example

Delay different <div> elements:

$("button").click(function(){
  $("#div1").delay("slow").fadeIn();
  $("#div2").delay("fast").fadeIn();
});
Try it Yourself »

Definition and Usage

The delay() method sets a timer to delay the execution of the next item in the queue.


Syntax

$(selector).delay(speed,queueName)

Parameter Description
speed Optional. Specifies the speed of the delay

Possible values:

  • milliseconds
  • "slow"
  • "fast"
queueName Optional. Specifies the name of the queue

Default is "fx", the standard effects queue

Try it Yourself - Example

delay() and animate()
How to delay an animation.


❮ jQuery Effect Methods