Heim > Web-Frontend > js-Tutorial > jQuery-Methode zum Implementieren eines zeitgesteuerten Ausblendens von Dialogfeldern

jQuery-Methode zum Implementieren eines zeitgesteuerten Ausblendens von Dialogfeldern

php中世界最好的语言
Freigeben: 2018-03-14 17:35:06
Original
1484 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen die jQuery-Methode zum Implementieren eines zeitgesteuerten Ausblenddialogfelds für die jQuery--Methode zum Implementieren eines zeitgesteuerten Ausblenddialogfelds ein Blick.

Der folgende Inhalt ist möglicherweise nicht vollständig korrekt, er dient nur als Referenz für den Fall von Fragen.

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 keine Parameter übernommen werden, wenn den Namen der Funktion als aufrufendes Handle verwendet.

: Die Lösung besteht darin, eine anonyme Funktion zu definieren

setTimeout(function(){$j('#pre'+ID).fadeOut()},12000);
Nach dem Login kopieren

: Der zweite Parameter ist die Anzahl der Millisekunden, 1 Sekunde = 1000 Millisekunden

2. Legen Sie das Ausblenden des Dialogfelds fest

Gemeinsame Methode eins:

<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
  setTimeout(function () {
    $("pid").show();
  }, 6000);
})
</script>
Nach dem Login kopieren

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是异步执行的。
    */
    $('#pid').delay(6000).hide(0);
  }
);
Nach dem Login kopieren

3. Der Unterschied zwischen fadeOut und hide

Der Versteckeffekt von hide besteht darin, sich langsam von unten nach oben oder von unten rechts nach oben links zu falten und zu verkleinern , während der Ausblendeffekt von fadeOut darin besteht, das Ganze auszublenden, bis es verschwindet (ich sehe den Unterschied nicht)

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen erhalten Sie Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Implementierung eines mausresponsiven Transparenzverlaufseffekts

So realisieren Sie die Bildlaufleiste automatisch, wenn sie geöffnet wird gleitet nach unten. Weitere Inhalte werden geladen

So verwenden Sie JQuery, um einen Lupeneffekt zu erzeugen

Das obige ist der detaillierte Inhalt vonjQuery-Methode zum Implementieren eines zeitgesteuerten Ausblendens von Dialogfeldern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage