Comment implémenter le masquage chronométré des boîtes de dialogue dans 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.

L'exemple de cet article décrit comment jQuery implémente le masquage chronométré des boîtes de dialogue. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Le contenu suivant n'est peut-être pas tout à fait correct, mais n'est qu'à titre de référence lorsque vous avez des questions.

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éfinissez le masquage de la boîte de dialogue

Méthode commune 1 :

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

Méthode commune 2 :

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

Introduction au site de référence : http://www.jb51.net/article/135028.htm

3. La différence entre fadeOut et hide

l'effet caché de hide est un pliage et un rétrécissement lents de bas en haut ou de bas à droite en haut à gauche. , alors que l'effet de fondu de fadeOut est global. Atténuez-le jusqu'à ce qu'il disparaisse (je ne vois pas la différence)

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Comment utiliser l'icône de police iconfont dans le webpack

Comment implémenter une barre de progression circulaire dans l'applet WeChat

Implémenter l'importation dynamique de fichiers dans webpack

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!