Partage de code de boîte de dialogue cachée chronométrée jQuery

Cet article présente principalement la méthode de jQuery pour implémenter la boîte de dialogue de masquage chronométré. Il analyse en détail les fonctions associées, les méthodes d'implémentation et les précautions de fonctionnement de la boîte de dialogue de masquage temporisé jQuery sous forme d'exemples. ça. J'espère pouvoir aider tout le monde.

1. setTimeout

: Il existe une situation où l'heure est définie mais le programme est exécuté immédiatement.

 : Qu'il s'agisse de window.setTimeout ou de window.setInterval, vous ne pouvez pas prendre de paramètres lorsque vous utilisez le nom de la fonction comme handle d'appel.

: La solution est de définir une fonction anonyme

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

: Le deuxième paramètre est le nombre de millisecondes, 1 seconde = 1000 millisecondes

Autres situations : Introduction à ce site : http://www.jb51.net/article/36681.htm

2. Définir le masquage de la boîte de dialogue

Méthode 1 couramment utilisée :

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

Méthode 2 couramment utilisée :

<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);
  }
);

3. La différence entre fadeOut et hide

L'effet caché de hide est de plier et de rétrécir lentement de bas en haut ou de bas à droite en haut à gauche. , tandis que l'effet de fondu de fadeOut consiste à disparaître dans son ensemble jusqu'à ce qu'il disparaisse (je n'observe aucune différence)

Recommandations associées :

JS et HTML5 réalisent le génération d'une boîte de dialogue d'arrangement automatique

WeChat mini Le programme utilise le composant modal pour faire apparaître une boîte de dialogue et partage un exemple

Tutoriel JS pour créer une boîte de dialogue simple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!