Manuale jQuery

Il metodo di delay( ) imposta un timer per ritardare l'esecuzione del successivo elemento nella coda .

Sintassi

$(selector).delay(speed,queueName)

• queueName: Facoltativo. Specifica il nome della coda
• Speed: Facoltativo. Specifica la velocità dell'animazione. Il valore di default è 400 millisecondi. Valori ammessi:
• • N° millisecondi
  • "slow"
  • "fast"

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("#div1").delay(100).fadeIn();
		$("#div2").delay(500).fadeIn();
		$("#div3").delay(1000).fadeIn();
	});
});
</script>
<button>Click</button>
<br><br>
<div id="div1" style="width:100px;height:100px;display:none;background-color:yellow;margin-bottom:20px;"></div>
<div id="div2" style="width:100px;height:100px;display:none;background-color:orange;margin-bottom:20px;"></div>
<div id="div3" style="width:100px;height:100px;display:none;background-color:red;margin-bottom:20px;"></div>