Comment configurer jquery pour qu'il s'arrête pendant quelques secondes

WBOY
Libérer: 2022-05-18 15:47:49
original
2751 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode setTimeout() pour définir le nombre de secondes à arrêter avant l'exécution. Cette méthode est utilisée pour définir un temps d'attente spécifié. Lorsque le temps est écoulé, un code spécifié sera exécuté. "setTimeout (Code à exécuter, nombre de millisecondes à arrêter)".

Comment configurer jquery pour qu'il s'arrête pendant quelques secondes

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

Comment configurer jquery pour qu'il s'arrête pendant quelques secondes

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.

Le format de syntaxe peut être. les deux suivants :

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)
Copier après la connexion

setTimeout() consiste à définir un temps d'attente spécifié (l'unité est un millième de seconde, milliseconde). Lorsque le temps est écoulé, le navigateur exécutera un code spécifié

Un exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
setTimeout(function(){$("p").css("background-color","#66ccff");}, 3000 )
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment configurer jquery pour quil sarrête pendant quelques secondes

Vidéos associées Recommandation du didacticiel : 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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal