Exemples d'utilisation de setInterval et setTimeout en js-js tutoriel-php.cn

Exemples d'utilisation de setInterval et setTimeout en js

高洛峰

Libérer： 2017-02-08 16:10:15

original

1007 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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 !