In Javascritp gibt es zwei besondere Funktionen über Timer, nämlich:
1. Countdown -Timer: timename = setTimeout ("function ();", DelayTime);
2. Zyklus -Timer: timename = setInterval ("function ();", Delaytime);
Der erste Parameter "function ()" ist die ausgelöste Aktion, die ausgeführt wird. Wenn beispielsweise zwei Warnfenster aufgetaucht sind, können Sie "Funktion () ersetzen
"Alert ('das erste Warnfenster!'); Alarm ('Das zweite Warnfenster!');
Der Countdown -Timer löst ein Ereignis aus, nachdem die Zeit angekommen ist, und der zirkulierende Timer soll das Ereignis wiederholt auslösen, wenn das Intervall kommt.
Nachdem Sie beispielsweise eine Seite geöffnet haben und in wenigen Sekunden automatisch zu einem anderen Seitenintervall springen möchten, müssen Sie den Countdown -Timer "setTimeout (" function (); ", Delaytime) verwenden und wenn Sie einen Satz festlegen möchten Einstellt das Erscheinungsbild eines Wortes,
Sie müssen den zirkulären Timer "setInterval (" function (); ", delaytime" verwenden.
Um den Fokus des Formulars zu erhalten, wird das document.activeLement.id verwendet. Verwenden Sie, ob das dokument.activeLeement.id und die ID des Formulars gleich sind.
Zum Beispiel: if ("Mid" == document.activeLement.id) {alert ();}, "Mid" ist die ID, die dem Formular entspricht.
Timer:
Wird verwendet, um ein bestimmtes Programm nach einer bestimmten Zeit anzugeben.
Die Unterschiede zwischen SetTimeout und SetInterval in JS und der LLEE -Methode
SetTimeout (Ausdruck, Verzögerung).
setTimeout ("function", time) setzen Sie ein Timeout -Objekt fest
SetInterval (Ausdruck, Verzögerung), jede Verzögerung führt die Expdition aus.
SetInterval ("function" (time) legt ein Timeout -Objekt fest
SetInterval wird automatisch wiederholt und SetTimeOut wird nicht wiederholt.
Cleartimeout
ClearInterval
Zwei Fälle.
Beispiel 1. Wenn das Formular ausgelöst oder geladen wird, wird die Wortzeichenfolge nach Word ausgegeben
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Nicht -Title -Dokument </title>
<script Language = "javaScript" Typ = "text/javaScript">
var str = "Dies ist der Beispieltext zum Testen";
var seq = 0;
var Second = 1000;
Funktion scroll () {
msg = str.substring (0, seq+1);
document.getElementByIdx_x_x ('word').
SEQ ++;
if (seq> = str.length) seq = 0;
}
</script>
</head>
<body onload = "setInterval ('scroll ()', sex)">
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Beispiel 2. Wenn sich der Fokus im Eingabegeld befindet, überprüfen Sie die Eingabefeldinformationen regelmäßig.
Kopieren Sie den Code -Code wie folgt:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<title> Nicht -Title -Dokument </title>
<script Language = "javaScript" Typ = "text/javaScript">
var Second = 5000;
var c = 0;
Funktion scroll () {
C ++;
if ("b" == document.activeLement.id) {{{{{{{{
var str = "Timing Überprüfen Sie die <b>"+c+"</b> Zeiten <br/>";
if (document.getElementByIdx_x_x ('b'). value! = "") {
STR+= "Eingabefeld Der aktuelle Inhalt ist der aktuelle Inhalt <br/> <b>"+dcument.getElementByIdx_x_x ('B').
}
document.getElementByIdx_x_x ('word').
}
}
</script>
</head>
<body>
<textArea id = "b" name = "b" style = "height: 100px; width: 300px; Br /> "
<div id = "word"> </div> <br/> <br/>
</body>
</html>
Beispiel 3. Folgendes ist das einfachste Beispiel.
Kopieren Sie den Code -Code wie folgt:
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" /> />
<script Language = "JavaScript">
Funktion count () {) {
document.getElementByIdx_x_x ('M').
setTimeout ("Alarm ('zehn Sekunden bis!", 10000)
}
</script>
<body>
<div id = "m"> </div>
<input type = "button" value = "time start" onclick = "count ()">
</body>
</html>
Beispiel 4: Der Countdown springt das Timing und zeitgemäß
Kopieren Sie den Code -Code wie folgt:
<html>
<kopf>
<Basis href = "<%= Basepath%>">
<title> My JSP 'DS04.jsp' Startseite </title>
<span id = "tiao"> 3 </span>
<A href = "JavaScript: Countdown"> </a> automatisch nach dem zweiten ...
<meta http-äquiv = aktualisiert Inhalt = 3;
<!-Das Skript startet->
<script Language = "JavaScript" type = "">
Funktion Countdown (Secs) {
Tiao.Innertext = Secs;
if (--scs> 0)
setTimeout ("Countdown ("+Secs+"), 1000); 1000);
}
Countdown (3);
</script>
<!-Skript end->
</head>
Beispiel 6:
Kopieren Sie den Code -Code wie folgt:
<kopf>
<meta http-äquiv = "aktualisieren" content = "2; url = 'b.html'">
</head>
Beispiel 7:
Kopieren Sie den Code -Code wie folgt:
<script Language = "javaScript" Typ = "text/javaScript">
setTimeout ("window.location.href = 'b.html'", 2000);
// Beide der folgenden können verwendet werden
// setTimeout 18 "JavaScript: lcation.href = 'b.html'", 2000);
//settimeout.com window.location = 'b.html' ", 2000);
</script>
Beispiel 8:
Kopieren Sie den Code -Code wie folgt:
<span id = "sotalsecond"> 2 </span>
<script Language = "javaScript" Typ = "text/javaScript">
var Second = document.getElementByIdx_x ('sotalesecond').
if (isnan (zweite)) {{{{{{{{{{{{{{{{
// ... nicht die Anzahl der Zahlen
} Anders {
SetInterval (function () {
document.getElementByIdx_x ('sotalsecond').
if (zweite <= 0) {{{{
Fenster.Location = 'B.html';
}
}, 1000);
}
</script>
JS -Timer (einmal ausführen, Ausführung wiederholen)
Teilen Sie einen JS -Code, ein kleines Beispiel für den JS -Timer, das in einen Timer aufgeteilt und zur Ausführung wiederholt wurde. Referenz für Freunde, die Anfänger sind.
1. Führen Sie den Timer nur einmal aus
Kopieren Sie den Code -Code wie folgt:
<Script>
// Der Timer läuft asynchron
Funktion hello () {
Alarm ("Hallo");
}
// Verwenden Sie die Methodennamenausführungsmethode
var t1 = window.settimeout (Hallo, 1000);
var t2 = window.settimeout ("hello ()", 3000);
Fenster.ClearTimeout (T1);
</script>
2. Wiederholter Ausführungs -Timer
Kopieren Sie den Code -Code wie folgt:
<Script>
Funktion hello () {
Alarm ("Hallo");
}
// eine bestimmte Methode wiederholen
var t1 = window.setInterval (Hallo, 1000);
var t2 = window.setInterval ("hello ()", 3000);
// die Methode zum Entfernen des Timers
Fenster.ClearInterval (T1);
</script>
Bemerkung:
Wenn es auf einer Seite zwei Methoden gibt, werden sie nach dem Laden der Seite ausgeführt, der tatsächliche Fehler kann jedoch in der Reihenfolge ausgeführt werden.
Sie können der Online -Methode einen Timer hinzufügen, einen Timer festlegen und dann für einen bestimmten Zeitraum "Verzögerung" laufen lassen.
Kopieren Sie den Code -Code wie folgt:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<title> unbenannte Seite </title>
<script Language = "javaScript" Typ = "text/javaScript">
var yc = new Object ();
Funktion beginyc ()
{{{{
var secondSyc = document.getElementById ("TXTYCSECONDS").
versuchen
{{{{
Yc = setTimeout ("alert ('delay"+secondSyc+"zweiter Erfolg'), SecondSyc*1000);
}
fangen (e)
{{{{
ALERT ("Bitte geben Sie die richtige zweite Nummer ein.");
}
}
Funktion overyc ()
{{{{
Clearimeout (YC);
Yc = null;
ALERT ("Kündigungsverzögerung erfolgreich.");
}
/************************************************************************ **************************
var timerds = new Object ();
var timerdds = new Object ();
Funktion beginnt ()
{{{{
sn.innerhtml = "0";
Timerds = setInterval ("addone ()", parseInt (document.getElementById ("txtIntirvalseconds"). Wert, 10)*1000);
}
Funktion Goonds ()
{{{{
Timerds = setInterval ("addone ()", parseInt (document.getElementById ("txtIntirvalseconds"). Wert, 10)*1000);
}
Funktion Overds ()
{{{{
ClearInterval (Timerds);
timerds = null;
}
Funktion Delayds ()
{{{{
übers ();
Timerdds = setTimeout ("goonds ()", document.getElementById ("txtddsSeconds"). Wert*1000);
}
Funktion addone ()
{{{{
if (sn.innerhtml == "10")
{{{{
übers ();
Alarm ("Herzlichen Glückwunsch, es hat 10 Sekunden erfolgreich erreicht");
Zurückkehren;
}
sn.innerhtml = parseInt (sn.innerhtml, 10) +1;
}
</script>
</head>
<body>
<gefunden id = "Form1" Runat = "Server">
<div>
Verwendung von Delayer: </div>
<div>
<Label ID = "Label2"> </label>
<Eingabe type = "text" id = "txtycSeconds" value = "3" />
<Eingabe type = "button" id = "btnbyc" onclick = "JavaScript: beginyc ()" value = "start delay" />
<input type = "button" id = "btnoyc" onclick = "JavaScript: overyc ()" value = "Terminid Delay" />
<input type = "button" id = "button1" onclick = "JavaScript: alert ('Good Monrning');
</div>
<br />
<div>
Verwendung von Timer: </div>
<div>
<div id = "sn"> 0 </div>
<Label ID = "Label1"> </label>
<Eingabe type = "text" id = "txtiIntervalseconds" value = "1" /> />
<input type = "button" id = "btnbds" onclick = "JavaScript: Beggs ()" value = "Startzeit" />
<input type = "button" id = "btnods" onclick = "javaScript: OverDS ()" value = "Terminal Time" /> />
<Eingabe type = "button" id = "btngds" onclick = "JavaScript: Goonds ()" value = "Timing fortfahren" />
<laabel id = "ds"> </label>
<Eingabe type = "text" id = "txtddsseconds" value = "5" />
<Eingabe type = "button" id = "btndds" onclick = "JavaScript: Delyds ()" value = "Delay Timing" />
</div>
</form>
</body>
</html>