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

jQuery Effekt delay() Methode

jQuery Effektmethoden

Die delay()-Methode setzt einen Timer, um die Ausführung der folgenden Projekte in der Warteschlange zu verzögern.

Syntax:

$(selector).delay(dauer, NameDerQueue)

Beispiel

Die Geschwindigkeit der delay()-Methode einstellen:

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

Animation der Auf- und Abbewegung der beiden divs durchführen, bevor " div1vor dem "

$("button").click(function(){
  $("#div1").slideUp("300).delay("800).slideDown("400);
  $("#div2").slideUp("300).slideDown("400);
});
Testen Sie heraus‹/›

Verwenden Sie gleichzeitig delay() und animate():

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

Parameterwert

ParameterBeschreibung
duration(optional)Geben Sie die Millisekunden an, die bis zur Ausführung des nächsten Elements in der Warteschlange verstreichen sollen

Mögliche Werte:

  • Millisekunden (z.B.100,500,2000 usw.)

  • "fast"

  • "slow"

queueName(optional)Geben Sie den Namen der Warteschlange an. Standard istfx,Standard-Effekt-Warteschlange

jQuery Effektmethoden