Was sind die Timer in Javascript?

青灯夜游
Freigeben: 2021-11-26 18:04:27
Original
4431 Leute haben es durchsucht

Es gibt zwei Arten von Timern in JavaScript: 1. Einzelner Timer, definiert mit der setTimeout()-Methode, der einen Codeblock einmal nach der angegebenen Zeit (in Millisekunden) ausführen kann; 2. Schleifentimer, mit der setInterval()-Methode Definition, um bestimmten Code in einem bestimmten Zeitraum (in Millisekunden) wiederholt auszuführen.

Was sind die Timer in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

In JavaScript können wir Timer verwenden, um die Ausführung bestimmter Codes zu verzögern oder um bestimmte Codes in festen Intervallen wiederholt auszuführen. Sie können beispielsweise einen Timer verwenden, um die Anzeigen auf der Seite regelmäßig zu aktualisieren oder eine Echtzeituhr usw. anzuzeigen.

JavaScript bietet zwei Timer: setTimeout() und setInterval()

Methode Beschreibung
setTimeout() Führen Sie nach der angegebenen Zeit (Einheit: Millisekunden) einen bestimmten Code aus, der Code wird nur ausgeführt einmal ausgeführt werden
setInterval() , um bestimmte Codes entsprechend dem angegebenen Zeitraum (in Millisekunden) wiederholt auszuführen. Der Timer stoppt nicht automatisch, es sei denn, die Funktion „clearInterval()“ wird manuell angehalten oder geschlossen Die Funktion window

setTimeout()

JS setTimeout() wird verwendet, um bestimmten Code nach der angegebenen Zeit auszuführen. Der Code wird nur einmal ausgeführt.

So verwenden Sie:

setTimeout(code,millisec)
Nach dem Login kopieren
  • Code erforderlich. Die Zeichenfolge des JavaScript-Codes, der nach der aufzurufenden Funktion ausgeführt werden soll.

  • Millisekunden Erforderlich. Die Anzahl der Millisekunden, die vor der Codeausführung gewartet werden soll.

Beispiel:

<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>
Nach dem Login kopieren

setInterval()

JS setInterval() kann einen Timer definieren, der wiederholt ausgeführt werden kann. Jede Ausführung muss auf das angegebene Zeitintervall warten.

So verwenden Sie:

setInterval(code,millisec[,"lang"])
Nach dem Login kopieren
  • Code erforderlich. Eine aufzurufende Funktion oder eine auszuführende Codezeichenfolge.

  • Millisec ist ein Muss. Das Zeitintervall (in Millisekunden) zwischen periodischen Ausführungen oder Codeaufrufen.

Beispiel:

<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>
Nach dem Login kopieren

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonWas sind die Timer in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage