Comment faire disparaître des éléments après 5 secondes dans jquery

WBOY
Libérer: 2022-06-02 10:11:44
original
1667 Les gens l'ont consulté

Méthode : 1. Utilisez les méthodes delay et fadeOut, la syntaxe est "element object.delay(5000).fadeOut()" 2. Utilisez les méthodes setTimeout et hide, la syntaxe est "setTimeout(function(){element" ; objet.hide(); },5000)".

Comment faire disparaître des éléments après 5 secondes dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

jquery fait disparaître l'élément après 5 secondes

Méthode 1 : Utilisez la méthode .delay()

delay() pour définir un délai pour l'exécution de l'élément suivant dans la file d'attente.

Syntaxe

$(selector).delay(speed,queueName)
Copier après la connexion

L'exemple est le suivant :

Définissez id="myElem" pour qu'il soit masqué après 5 secondes d'affichage.

$("#myElem").show().delay(5000).fadeOut();
Copier après la connexion

Comment faire disparaître des éléments après 5 secondes dans jquery

Méthode 2. Utilisez la méthode setTimeout() :

setTimeout() est une méthode appartenant à window Cette méthode est utilisée pour appeler une fonction ou calculer une expression après un nombre spécifié de millisecondes. La méthode

hide() masque l'élément sélectionné.

Astuce : ceci est similaire à la propriété CSS display:none.

Les exemples sont les suivants :

setTimeout(function() { $("#myElem").hide(); }, 5000);
Copier après la connexion

Comment faire disparaître des éléments après 5 secondes dans jquery

Recommandation de didacticiel vidéo :Tutoriel vidéo jQuery

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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!