Maison  >  Article  >  interface Web  >  Méthode jQuery pour implémenter le masquage chronométré des boîtes de dialogue

Méthode jQuery pour implémenter le masquage chronométré des boîtes de dialogue

php中世界最好的语言
php中世界最好的语言original
2018-03-14 17:35:061416parcourir

Cette fois, je vais vous présenter la méthode jQuery pour implémenter une boîte de dialogue de masquage chronométré. Quelles sont les précautions pour la méthode jQuery pour implémenter une boîte de dialogue de masquage temporisé. Voici un cas pratique, prenons. un regard.

Le contenu suivant peut ne pas être tout à fait correct, il est juste à titre de référence en cas de questions.

1. setTimeout

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

 : Que ce soit window.setTimeout ou window.setInterval, lorsque utilise le nom de la fonction comme handle d'appel, aucun paramètre ne peut être pris.

: 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

2. Définir 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 deux :

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

3. La différence entre fadeOut et hide

l'effet de masquage est de se plier et de se rétrécir lentement de bas en haut ou de bas à droite en haut à gauche. , tandis que l'effet de fondu de fadeOut est Fondu le tout jusqu'à ce qu'il disparaisse (je ne vois pas la différence)

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Mise en œuvre de l'effet de dégradé de transparence réactif à la souris

Comment réaliser automatiquement la barre de défilement lorsqu'elle glisse vers le bas Chargement de plus de contenu

Comment utiliser jquery pour créer un effet de loupe

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn