Heim >Web-Frontend >Front-End-Fragen und Antworten >So lassen Sie Elemente in JQuery nach 5 Sekunden verschwinden
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)".
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
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();
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);
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!