Es ist einfach, das Zeitereignis in Javascripp zu verwenden.
setTimeout ()
Code zu einem bestimmten Zeitpunkt ausführen
Clearimeout ()
SetTimeout () abbrechen
setTimeout ()
Grammatik
Kopieren Sie den Code -Code wie folgt:
var t = setTimeout ("JavaScript -Anweisung", Millisekunde)
Die setTimeout () -Methode gibt einen bestimmten Wert zurück. In der obigen Anweisung wird der Wert in einer Variablen, die als T bezeichnet wird, gespeichert. Wenn Sie diesen SetTimeOut () abbrechen möchten, können Sie diesen variablen Namen verwenden, um ihn anzugeben.
Der erste Parameter der SetTimeOut () ist eine Zeichenfolge, die die JavaScript -Anweisung enthält. Diese Aussage kann wie "Alert ('5 Sekunden!") Oder Ruf der Funktion wie alertmsg () "aussehen.
Der zweite Parameter zeigt den ersten Parameter nach dem Start der aktuellen Millisekunden an.
Tipp: 1000 Millisekunden entsprechen einer Sekunde.
Wenn die Schaltfläche im folgenden Beispiel angeklickt wird, wird in 5 Sekunden ein Eingabed -Feld angezeigt.
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<script type = "text/javaScript">
Funktion TimedMSG ()
{{{{
var t = setTimeout ("alert ('5 Sekunden!'), 5000)
}
</script>
</head>
<body>
<form>
<input type = "button" value = "Timed Alertbox anzeigen!"
</form>
</body>
</html>
Beispiel- Infinite Cycle
Um einen Timer zu erstellen, der in einer unendlichen Schleife ausgeführt wird, müssen wir eine Funktion schreiben, um sich selbst aufzurufen. Wenn im folgenden Beispiel die Schaltfläche angeklickt wird, wird die Eingabedomäne von 0 gezählt.
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<script type = "text/javaScript">
var c = 0
var t
Funktion TimedCount ()
{{{{
document.getElementById ('txt')
C = C+1
t = setTimeout ("TimedCount ()", 1000)
}
</script>
</head>
<body>
<form>
<Eingabe type = "Taste" value = "Start Count!"
<Eingabe type = "text" id = "txt">
</form>
</body>
</html>
Clearimeout ()
Grammatik
Kopieren Sie den Code -Code wie folgt:
Clearimeout (setTimeout_variable)
Beispiel
Das folgende Beispiel ähnelt dem Beispiel der obigen unendlichen Schleife. Der einzige Unterschied ist, dass wir jetzt eine "Stop Count!" Hinzugefügt haben, um diesen Zähler zu stoppen:
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<script type = "text/javaScript">
var c = 0
var t
Funktion TimedCount ()
{{{{
document.getElementById ('txt')
C = C+1
t = setTimeout ("TimedCount ()", 1000)
}
Funktion stopCount ()
{{{{
Clearimeout (T)
}
</script>
</head>
<body>
<form>
<Eingabe type = "Taste" value = "Start Count!"
<Eingabe type = "text" id = "txt">
<input type = "button" value = "Stop Count!"
</form>
</body>
</html>
Die beiden anderen wichtigen Methoden:
Kopieren Sie den Code -Code wie folgt:
SetInterval ()
SetInterval () -E executiert immer wieder eine Funktion, die die Zeitintervalle in den
Die Funktion ist: Der Zyklus führt eine Methode innerhalb der angegebenen Intervallzeit aus
Grammatik:
Kopieren Sie den Code -Code wie folgt:
Window.setInterval ("JavaScript -Funktion", Millisekunden);
Hinweis: Der erste Parameter muss eine Funktion sein, und der zweite Parameter ist die Intervallzeit der Ausführungsfunktion.
Beispiel:
Kopieren Sie den Code -Code wie folgt:
<html>
<script type = "text/javaScript">
setInterval (function () {alert ("Hallo")}, 500);
</script>
</html>
Hinweis: Das obige Beispiel bedeutet, dass der Ausführungseffekt bedeutet, dass alle 500 ms wachsam sind ("Hallo");
Noch eine Uhr:
Kopieren Sie den Code -Code wie folgt:
<html>
<body>
<p id = "Demo"> </p>
<script type = "text/javaScript">
setInterval (function () {myTimer ()}, 1000);
Funktion mytimer () {
var d = neues Datum ();
var t = d.tolocaletimestring ();
document.getElementById ('Demo').
}
</script>
</body>
</html>
Wie stoppt ich, setInterval () -Methode?
Kopieren Sie den Code -Code wie folgt:
Fenster.ClearInterval ()
Grammatik:
Kopieren Sie den Code -Code wie folgt:
Fenster.ClearInterval (Intervalvariable)
Kopieren Sie den Code -Code wie folgt:
Das Fenster.ClearInterval () -Methode kann mit dem Fensterpräfix geschrieben werden.
Um die Methode clearInterval () verwenden zu können, müssen Sie beim Erstellen der Intervallmethode eine globale Variable verwenden:
Myvar = setInterval ("JavaScript -Funktion", Millisekunden);
Dann können Sie die Ausführung stoppen, indem Sie die Methode clearInterval () aufrufen.
Beispiel:
Kopieren Sie den Code -Code wie folgt:
<html>
<body>
<p id = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {myTimer ()}, 1000);
Funktion mytimer () {
var d = neues Datum ();
var t = d.tolocaletimestring ();
document.getElementById ('Demo').
}
Funktion stop () {
<html>
<body>
<p id = "Demo"> </p>
<p id = "Demo2" onclight = "stop ()"> stop </p>
<script type = "text/javaScript">
var test = setInterval (function () {myTimer ()}, 1000);
Funktion mytimer () {
var d = neues Datum ();
var t = d.tolocaletimestring ();
document.getElementById ('Demo').
}
Funktion stop () {
ClearInterval (Temp);
}
</script>
</body>
</html>
}
</script>
</body>
</html>