Heim >Web-Frontend >js-Tutorial >So implementieren Sie das zeitgesteuerte Ausblenden von Dialogfeldern in jQuery
In diesem Artikel wird hauptsächlich die Methode von jQuery zur Implementierung des zeitgesteuerten Ausblenddialogfelds vorgestellt. Er analysiert die zugehörigen Funktionen, Implementierungsmethoden und Betriebsvorkehrungen des zeitgesteuerten Ausblenddialogfelds von jQuery ausführlich in Form von Beispielen
Das Beispiel in diesem Artikel beschreibt, wie jQuery das zeitgesteuerte Ausblenden von Dialogfeldern implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der folgende Inhalt ist möglicherweise nicht vollständig korrekt, dient jedoch nur als Referenz, wenn Sie Fragen haben.
1. setTimeout
: Es gibt eine Situation, in der die Zeit eingestellt ist, das Programm jedoch sofort ausgeführt wird.
: Unabhängig davon, ob es sich um window.setTimeout
oder window.setInterval
handelt, können Sie keine Parameter verwenden, wenn Sie den Funktionsnamen als aufrufendes Handle verwenden.
: Die Lösung besteht darin, eine anonyme Funktion zu definieren.
setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
: Der zweite Parameter ist die Anzahl der Millisekunden, 1 Sekunde = 1000 Millisekunden.
Andere Situationen: Einführung in diese Website : http://www.jb51.net/article/36681.htm
2. Legen Sie das Ausblenden des Dialogfelds fest
Allgemein Methode eins:
<script language='javascript' type='text/javascript'> $(function () { setTimeout(function () { $("pid").show(); }, 6000); }) </script>
Gemeinsame Methode zwei:
<script language='javascript' type='text/javascript'> $(document).ready( function() { /** *1.delay函数是jquery 1.4.2新增的函数 *2.hide函数里必须放一个0,不然延时不起作用 *3.delay是异步执行的。 */ $('#pid').delay(6000).hide(0); } );
Referenz-URL-Einführung: http://www.jb51.net/article/135028.htm
3. Der Unterschied zwischen fadeOut und hide
Der Ausblendeffekt von hide besteht darin, sich langsam von unten nach oben oder von rechts unten nach links oben zu falten und zu verkleinern, während der Ausblendeffekt von fadeOut darin besteht als Ganzes ausblenden, bis es verschwindet (ich habe es nicht) Sehen Sie den Unterschied)
Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
So verwenden Sie das Iconfont-Schriftsymbol im Webpack
So implementieren Sie einen kreisförmigen Fortschrittsbalken im WeChat-Applet
Implementieren Sie den dynamischen Import von Dateien im Webpack
Das obige ist der detaillierte Inhalt vonSo implementieren Sie das zeitgesteuerte Ausblenden von Dialogfeldern in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!