Heim > Artikel > Web-Frontend > So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden
So lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden
- WBOYOriginal
- 2021-12-13 14:20:402991Durchsuche
Jquery-Methode, um Elemente nach 3 Sekunden verschwinden zu lassen: 1. Verwenden Sie die Methode „delay()“, um die Operationsverzögerungszeit anzugeben. 2. Verwenden Sie die Methode „hide()“, um das Element nach der angegebenen Verzögerungszeit auszublenden (Geben Sie das Element ).delay(3000).hide(300);“ an.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So lassen Sie Elemente mit jquery nach 3 Sekunden verschwinden
Um den Effekt zu erzielen, dass Elemente nach drei Sekunden verschwinden, müssen Sie die Methoden „delay()“ und „hide()“ verwenden. Die Methode
delay() legt eine Verzögerung für die Ausführung des nächsten Elements in der Warteschlange fest.
Die Syntax lautet:
$(selector).delay(speed,queueName)
hide()-Methode wird zum Ausblenden von Elementen verwendet.
Nehmen wir ein Beispiel, um zu sehen, wie die beiden oben genannten Methoden verwendet werden, um das Element nach 3 Sekunden verschwinden zu lassen. 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(3000).hide(300);
});
})
</script>
</head>
<body>
<div id="content">
<button id="dianji">点击</button>
<div id="disappare">
<p>点击3秒后会自动消失</p>
</div>
</div>
</body>
</html>Ausgabeergebnis:
Empfohlene verwandte Video-Tutorials: jQuery-Video Tutorial
Das obige ist der detaillierte Inhalt vonSo lassen Sie Elemente in JQuery nach 3 Sekunden verschwinden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!