Maison > interface Web > js tutoriel > Comment faire disparaître ou afficher DIV après un délai de quelques secondes dans JS/jQuery

Comment faire disparaître ou afficher DIV après un délai de quelques secondes dans JS/jQuery

亚连
Libérer: 2018-06-06 10:07:25
original
2033 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 en utilisant 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 référer à ce qui suit

L'exemple dans cet article décrit comment JS/jQuery implémente la méthode de disparition ou d'affichage de p 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. >)delay

jquery fait disparaître un p avec un délai, du pur jQuery, pas besoin de settimeout, utilisez simplement jQuery pour l'é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
J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Packaging dans webpack et chargement des fichiers à l'emplacement spécifié (tutoriel détaillé)

Dans vue2.0 Créer un barre de navigation du fil d'Ariane via elementUI

Emballez le fichier de carte js dans webpack (tutoriel détaillé)

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