Maison >interface Web >js tutoriel >Méthode jQuery pour implémenter le masquage chronométré des boîtes de dialogue
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='javascript' type='text/javascript'> $(function () { setTimeout(function () { $("pid").show(); }, 6000); }) </script>
Méthode commune deux :
<script language='javascript' type='text/javascript'> $(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 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!