Heim >Web-Frontend >Front-End-Fragen und Antworten >Was sind die Timer in Javascript?
Was sind die Timer in Javascript?
- 青灯夜游Original
- 2021-11-26 18:04:224457Durchsuche
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.
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)
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>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"])
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>[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!