Heim >Web-Frontend >js-Tutorial >So implementieren Sie das zeitgesteuerte Ausblenden von Dialogfeldern in jQuery

So implementieren Sie das zeitgesteuerte Ausblenden von Dialogfeldern in jQuery

亚连
亚连Original
2018-06-06 10:05:321450Durchsuche

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=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>

Gemeinsame Methode zwei:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
  function()
  {
    /**
    *1.delay函数是jquery 1.4.2新增的函数
    *2.hide函数里必须放一个0,不然延时不起作用
    *3.delay是异步执行的。
    */
    $(&#39;#pid&#39;).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!

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