English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo jQuery effects delay()

Metodi di effetto jQuery

Il metodo delay() imposta un timer per ritardare l'esecuzione dei progetti successivi nella coda.

Sintassi:

$(selector).delay(durata, nomeCoda)

Esempio

Imposta valori di velocità diversi per il metodo delay():

$("button").click(function(){
  $("#div1").delay("slow").fadeIn();
  $("#div2").delay("fast").fadeIn();
  $("#div3").delay(1000).fadeIn();
  $("#div4").delay(2000).fadeIn();
  $("#div5").delay(3000).fadeIn();
});
Testa per vedere‹/›

Esegui animazione di scorrimento verticale per due div, ritardando la visualizzazione di "div1":

$("button").click(function(){
  $("#div1").slideUp(300).delay(800).slideDown(400);
  $("#div2").slideUp(300).slideDown(400);
});
Testa per vedere‹/›

Uso simultaneo di delay() e animate():

$("button").click(function(){
  $("div").animate({width: "500px"});
  $("div").delay(1000).animate({fontSize: "5em"});
});
Testa per vedere‹/›

Valore del parametro

ParametroDescrizione
duration(Opzionale)Specificare i millisecondi di ritardo per l'esecuzione del prossimo elemento nella coda

Valori possibili:

  • millisecondi (ad esempio 100, 500, 2000 ecc.)

  • “fast”

  • “slow”

queueName(Opzionale)Specificare il nome della coda. Il valore predefinito èfx,coda di effetto standard

Metodi di effetto jQuery