Quelles sont les minuteries en javascript

青灯夜游
Libérer: 2021-11-26 18:04:27
original
4418 Les gens l'ont consulté

Il existe deux types de minuteurs en JavaScript : 1. Un minuteur unique, défini à l'aide de la méthode setTimeout(), qui peut exécuter un bloc de code une fois après le temps spécifié (en millisecondes) ; 2. Un minuteur de boucle, en utilisant la méthode setInterval() ; définition pour exécuter certains codes à plusieurs reprises selon une période spécifiée (en millisecondes).

Quelles sont les minuteries en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En JavaScript, nous pouvons utiliser des minuteries pour retarder l'exécution de certains codes, ou pour exécuter de manière répétée certains codes à intervalles fixes. Par exemple, vous pouvez utiliser une minuterie pour mettre à jour régulièrement les annonces sur la page ou afficher une horloge en temps réel, etc.

JavaScript fournit deux minuteries : setTimeout() et setInterval()

Méthode Description
setTimeout() Après le temps spécifié (unité : millisecondes), exécutez certains codes, le code ne fera que être exécuté une fois
setInterval() pour exécuter à plusieurs reprises certains codes en fonction de la période spécifiée (en millisecondes). Le minuteur ne s'arrêtera pas automatiquement à moins que la fonction clearInterval() ne soit appelée pour arrêter ou fermer manuellement le navigateur. window

setTimeout()

La fonction JS setTimeout() est utilisée pour exécuter certains codes après l'heure spécifiée. Le code n'est exécuté qu'une seule fois.

Comment utiliser :

setTimeout(code,millisec)
Copier après la connexion
  • code requis. La chaîne de code JavaScript à exécuter après la fonction à appeler.

  • millisec Obligatoire. Le nombre de millisecondes à attendre avant d'exécuter le code.

Exemple :

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="click1()">获取验证码</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");
 
			function click1() {
				//click是关键字,所有函数名改为click1
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearTimeout(num);
				} else {
					button.disabled=true;
					span.innerHTML = time + "秒后重新获得返回值";
					time--;
					num = setTimeout("click1()",1000);
				}
			}
		</script>
	</body>
</html>
Copier après la connexion

setInterval()

La fonction JS setInterval() peut définir une minuterie qui peut être exécutée à plusieurs reprises. Chaque exécution doit attendre l'intervalle de temps spécifié.

Comment utiliser :

setInterval(code,millisec[,"lang"])
Copier après la connexion
  • 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.

Exemple :

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="set()">获取验证码</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");
 
			function set() {
				num = setInterval("click()", 1000);
				button.disabled = true;
			}
 
			function click() {
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearInterval(num);
				} else {
					span.innerHTML = time + "秒后重新获得返回值"
					time--;
				}
			}
		</script>
	</body>
</html>
Copier après la connexion

[Apprentissage recommandé : Tutoriel avancé javascript]

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