Heim > Artikel > Web-Frontend > So lassen Sie JQuery nach zwei Sekunden verschwinden
So lassen Sie JQuery nach zwei Sekunden verschwinden
- WBOYOriginal
- 2022-01-10 16:49:221636Durchsuche
In jquery können die Funktionen „delay()“ und „hide()“ verwendet werden, um den Effekt zu erzielen, dass das Element nach zwei Sekunden verschwindet. Die Funktion „delay()“ wird verwendet, um die Verzögerungszeit für die Ausführung des nächsten Elements festzulegen Warteschlange und die Funktion hide() wird verwendet, um das Element auszublenden. Die Syntax für das ausgewählte Element lautet „$(element).delay(2000).hide(200)“.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Wie jquery nach zwei Sekunden verschwindet
Die Methode „delay()“ legt eine Verzögerung für die Ausführung des nächsten Elements in der Warteschlange fest.
Syntax
$(selector).delay(speed,queueName)
Parameter
Geschwindigkeit Optional. Gibt die Geschwindigkeit der Verzögerung an. Mögliche Werte: Millisekunden, „langsam“, „schnell“
queueName Optional. Gibt den Namen der Warteschlange an. Der Standardwert ist „fx“, die Standardeffektwarteschlange. Die Methode
hide() verbirgt das ausgewählte Element.
Tipp: Dies ähnelt der CSS-Eigenschaft display:none.
Hinweis: Ausgeblendete Elemente werden nicht vollständig angezeigt (beeinflussen nicht mehr das Layout der Seite).
Tipp: Um versteckte Elemente anzuzeigen, schauen Sie sich die Methode show() an.
Grammatik
$(selector).hide(speed,easing,callback)
Das Beispiel lautet wie folgt:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#dianji").click(function(){
$("#disappare").delay(2000).hide(200);
});
})
</script>
</head>
<body>
<div id="content">
<button id="dianji">点击</button>
<div id="disappare">
<p>点击2秒后会自动消失</p>
</div>
</div>
</body>
</html>Ausgabeergebnis:
Empfehlung für ein entsprechendes Video-Tutorial: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo lassen Sie JQuery nach zwei Sekunden verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!