Comment implémenter le masquage chronométré des boîtes de dialogue dans jQuery-js tutoriel-php.cn

Comment implémenter le masquage chronométré des boîtes de dialogue dans jQuery

亚连

Libérer： 2018-06-06 10:05:32

original

1420 Les gens l'ont consulté

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(&#39;#pre&#39;+ID).fadeOut()},12000);

Copier après la connexion

: 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>

Copier après la connexion

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

Copier après la connexion

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.