Maison > interface Web > js tutoriel > JS/jQuery implémente un délai DIV de quelques secondes avant de disparaître ou de s'afficher

JS/jQuery implémente un délai DIV de quelques secondes avant de disparaître ou de s'afficher

小云云
Libérer: 2018-02-22 15:00:55
original
2885 Les gens l'ont consulté

Cet article présente principalement la méthode JS/jQuery pour faire disparaître ou afficher p après un délai de quelques secondes. Il analyse les compétences opérationnelles associées de javascript à l'aide de setTimeout et jQuery en utilisant la méthode de retard pour réaliser la fonction d'affichage retardé dans le sous forme d'exemples. Amis qui en ont besoin Vous pouvez vous y référer, j'espère que cela pourra aider tout le monde.

L'exemple de cet article décrit la méthode de JS/jQuery pour implémenter p pour disparaître ou s'afficher après un délai de quelques secondes. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. La méthode la plus couramment utilisée (setTimeout) :


<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(function () {
 setTimeout(function () {
  $("pid").show();
 }, 6000);
})
</script>
Copier après la connexion
<🎜. >2. Deuxième méthode A (

) delay

jquery pour faire disparaître un p avec un délai, jQuery pur, pas besoin de settimeout, utilisez simplement jQuery pour écrire.


<script language=&#39;javascript&#39; type=&#39;text/javascript&#39;>
$(document).ready(
 function()
 {
  /**
  *1.delay函数是jquery 1.4.2新增的函数
  *2.hide函数里必须放一个0,不然延时不起作用
  */
  $(&#39;#pid&#39;).delay(6000).hide(0);
 }
);
</script>
Copier après la connexion
Recommandations associées :

jQuery implémente le partage de code pour échanger les positions des boutons dans deux divs

Trois méthodes CSS pour centrer DIV

Comment réparer un div ou une table à une position spécifiée avec CSS

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal