1.Was ist ein JavaScript -Timer?
In JavaScript können wir Code nach einem festgelegten Intervall und nicht sofort nach dem Aufrufen der Funktion ausführen.
2. Timer -Typ
Einmaler Timer: Nur einmal nach der angegebenen Verzögerungszeit ausgelöst.
Intervallauslöser -Timer: Auslösende Auslöser einmal jedes bestimmte Zeitintervall
3. Timer -Methode
1): einmaliger Timer
A): setTimeout (): Führen Sie den Code nach der angegebenen Verzögerungszeit aus und führen Sie ihn einmal aus.
Syntax: setTimeout (Code, Verzögerungszeit);
Parameterbeschreibung:
1. Die zu ausgeführte Funktion oder die Codezeichenfolge.
2. Verzögerungszeit: Die Zeit zum Warten vor der Ausführung des Codes in Millisekunden (1S = 1000 ms).
B): Clearimeout (): Cancel setTimeout ()
Syntax: Clearimeout (Timer)
Parameterbeschreibung:
Timer: Der von setTimeout () zurückgegebene ID -Wert. Dieser Wert identifiziert den zu stornierenden verzögerten Ausführungscode -Block.
Call setTimeout () und clearimeout () Verzögerungsmethoden:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// die Druckmethode definieren
Funktion print ()
{
console.log ("Ich drucke!");
}
var timer; // Dieser Wert identifiziert den zu stornierenden verzögerten Ausführungscode -Block
// Drucken beginnen
Funktion startprint ()
{
timer = setTimeout (drucken, 1000); // Rufen Sie den Timer auf, verzögern Sie den Druck um 1 Sekunde, führen Sie nur einmal aus
}
// Enddruck
Funktion stopprint ()
{
Clearimeout (Timer); // Timer abbrechen
}
</script>
</body>
</html>
Anruf setTimeout () und clearimeout () Infinite Loop -Methoden:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// die Druckmethode definieren
Funktion print ()
{
console.log ("Ich drucke!");
timer = setTimeout (drucken, 1000); // Starten Sie den Timer, rufen Sie sich an und führen Sie die unendliche Schleife durch
}
VAR -Timer; // Dieser Wert gibt den Code -Block an, um die verzögerte Ausführung zu stornieren
// Drucken beginnen
Funktion startprint ()
{
Print (); // rufen Sie die Druckmethode auf
}
// Enddruck
Funktion stopprint ()
{
Clearimeout (Timer); // Timer abbrechen
}
</script>
</body>
</html>
2): Intervall -Trigger -Timer
A): setInterval (): Beim Ausführen wird der Code jede angegebene Zeit nach dem Laden der Seite ausgeführt.
Syntax: setInterval (Code, Interaktionszeit);
Parameterbeschreibung:
1. Code: Die aufgerufene Funktion oder die von der Code ausgeführte Codezeichenfolge.
2. Wechselwirkungszeit: Das Zeitintervall zwischen periodischer Ausführung oder aufgerufener Ausdrücke, gemessen in Millisekunden (1S = 1000 ms).
Rückgabewert:
Ein Wert, der an clearInterval () übergeben werden kann, um die periodische Ausführung von "Code" zu stornieren.
Aufruffunktionsformat (unter der Annahme, dass es eine Clock () -Funktion gibt):
setInterval ("clock ()", 1000) oder setInterval (clock, 1000)
B): Die Methode clearInterval () storniert die Interaktionszeit durch setInterval () festgelegt.
Syntax: ClearInterval (Timer)
Parameterbeschreibung:
Timer: Der ID -Wert, der von setInterval () zurückgegeben wurde.
Aufrufen von setInterval () und clearInterval (), um eine Intervallausführungsmethode auszuführen
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<meta charset = "utf-8">
<title> JavaScript Timer </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startprint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<script type = "text/javaScript">
// die Druckmethode definieren
Funktion print ()
{
console.log ("Ich drucke!");
}
var timer; // Dieser Wert identifiziert den zu stornierenden Timer -Ausführungscode -Block
// Drucken beginnen
Funktion startprint ()
{
timer = setInterval ("print ()", 1000); // starten timer
}
// Enddruck
Funktion stopprint ()
{
ClearInterval (Timer); // Timer abbrechen
}
</script>
</body>
</html>
Das obige ist alle in diesem Artikel beschriebenen Inhalte. Ich hoffe es kann dir gefallen.