Heim  >  Artikel  >  Web-Frontend  >  So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden

So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden

WBOY
WBOYOriginal
2022-06-02 10:11:441764Durchsuche

Methode: 1. Verwenden Sie die Methoden „delay“ und „fadeOut“, die Syntax lautet „element object.delay(5000).fadeOut()“ 2. Verwenden Sie die Methoden „setTimeout“ und „hide“, die Syntax lautet „setTimeout(function(){element object.hide(); },5000)".

So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

jquery lässt das Element nach 5 Sekunden verschwinden

Methode 1: Verwenden Sie die Methode .delay()

delay(), um eine Verzögerung für die Ausführung des nächsten Elements in der Warteschlange festzulegen.

Syntax

$(selector).delay(speed,queueName)

Beispiel ist wie folgt:

Setzen Sie id="myElem" so ein, dass es nach 5 Sekunden Anzeige ausgeblendet wird.

$("#myElem").show().delay(5000).fadeOut();

So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden

Methode 2. Verwenden Sie die Methode setTimeout():

setTimeout() ist eine Methode, die zu window gehört. Diese Methode wird verwendet, um eine Funktion aufzurufen oder einen Ausdruck nach einer angegebenen Anzahl von Millisekunden zu berechnen. Die Methode

hide() verbirgt das ausgewählte Element.

Tipp: Dies ähnelt der CSS-Eigenschaft display:none.

Beispiele sind wie folgt:

setTimeout(function() { $("#myElem").hide(); }, 5000);

So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist eine CSS3-Einheit?Nächster Artikel:Was ist eine CSS3-Einheit?