Maison >interface Web >js tutoriel >Exemples d'utilisation de setInterval et setTimeout en js

Exemples d'utilisation de setInterval et setTimeout en js

高洛峰original: 2017-02-08 16:10:15964parcourir

setInterval() Définition et utilisation La méthode

setInterval() exécute une fonction ou une expression à une période spécifiée (en millisecondes). Cette méthode bouclera l'appel de la fonction jusqu'à ce que la fonction soit explicitement arrêtée à l'aide de clearInterval() ou que la fenêtre soit fermée. Le paramètre de la fonction clearInterval() est la valeur ID renvoyée par setInterval().

Syntaxe

setInterval(code,millisec[,"lang"])
code requis. Une fonction à appeler ou une chaîne de code à exécuter.
millisec est un incontournable. L'intervalle de temps, en millisecondes, entre les exécutions périodiques ou les appels au code.

Valeur de retour

Une valeur qui peut être transmise à Window.clearInterval() pour annuler l'exécution périodique du code.

Exemple d'utilisation :

Copier le code Le code est le suivant :

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=setInterval("clock()",50);
function clock(){
 var t=new Date();
 document.getElementById("clock").value=t;
}
</script>
</form>
<button onclick="window.clearInterval(int)">
停止 interval 事件</button>
</body>
</html>

setTimeout() Définition et utilisation

La méthode setTimeout() est utilisée pour appeler une fonction ou calculer une expression après un nombre spécifié de millisecondes. Cette méthode est différente. à partir de la méthode setInterval(). Cette méthode n'est exécutée qu'une seule fois.

Syntaxe

setTimeout(code,millisec)
code requis. La chaîne de code JavaScript à exécuter après la fonction à appeler.
millisec requis. Le nombre de millisecondes à attendre avant d'exécuter le code, en millisecondes.

Conseils :
(1) setTimeout() n'exécute le code qu'une seule fois. Mais si vous devez l'appeler plusieurs fois, en plus d'utiliser setInterval(), vous pouvez également laisser le code exécuté lui-même appeler à nouveau la méthode setTimeout() pour atteindre l'objectif d'exécutions multiples.
(2) De plus, la méthode setTimeout() peut également renvoyer une valeur ID pour faciliter l'utilisation de la méthode clearInterval() pour annuler l'utilisation de la méthode setTimeout().

Exemple d'utilisation :

Copier le code Le code est le suivant :

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script type="text/javascript">
function timedMsg(){
 var t=setTimeout("alert(&#39;3 秒时间到!&#39;)",3000);
}
function timedMsgAways(){
 alert(&#39;3 秒时间到!&#39;);
 var t=setTimeout("timedMsgAways()",3000);
}
</script>
</head>
<body>
<form>
<input type="button" value="3 秒后警告" onClick="timedMsg()"><br />
<input type="button" value="循环 3 秒警告" onClick="timedMsgAways()">
</form>
</body>
</html>

Pour ces deux méthodes, il convient de noter que si une action doit être effectuée avec précision après chaque intervalle de temps fixe, il est préférable d'utiliser setInterval, et si vous ne souhaitez pas provoquer d'interférences mutuelles dues à appels continus, en particulier si chaque appel de fonction nécessite des calculs lourds et un temps de traitement long, il est préférable d'utiliser setTimeout.

Pour plus d'articles liés aux exemples d'utilisation de setInterval et setTimeout en js, veuillez faire attention au site Web PHP chinois !

Déclaration：

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

Article précédent：Problèmes auxquels vous devez prêter attention lors de l'utilisation de la fonction de fermeture de setTimeout() de JavascriptArticle suivant：Problèmes auxquels vous devez prêter attention lors de l'utilisation de la fonction de fermeture de setTimeout() de Javascript

Articles Liés

Voir plus