1. Ein Timer, der nur einmal ausgeführt wird
Kopieren Sie den Codecode wie folgt:
<Skript>
//Timer läuft asynchron
Funktion hallo(){
alarm("Hallo");
}
//Führen Sie die Methode unter Verwendung des Methodennamens aus
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//String-Ausführungsmethode verwenden
window.clearTimeout(t1);//Entferne den Timer
</script>
2. Timer für wiederholte Ausführung
Kopieren Sie den Codecode wie folgt:
<Skript>
Funktion hallo(){
alarm("Hallo");
}
// Eine Methode wiederholen
var t1 = window.setInterval(hello,1000);
var t2 = window.setInterval("hello()",3000);
//So entfernen Sie den Timer
window.clearInterval(t1);
</script>
Bemerkung:
Wenn es auf einer Seite zwei Methoden gibt, die beide nach dem Laden der Seite ausgeführt werden, aber tatsächlich nicht der Reihe nach ausgeführt werden können, können Sie zur Lösung des Problems auf die folgenden Methoden zurückgreifen:
Sie können der Onload-Methode einen Timer hinzufügen, einen Timer festlegen und ihn vor der Ausführung um einen bestimmten Zeitraum „verzögern“. Dies kann als Unterscheidung der Reihenfolge beim Laden der Seite und bei der Ausführung von Methoden angesehen werden.
In JavaScript gibt es zwei spezielle Funktionen für Timer, nämlich:
1. Countdown-Timer: timename=setTimeout("function();",delaytime);
2. Schleifentimer: timename=setInterval("function();",delaytime);
Der erste Parameter „function()“ ist die Aktion, die beim Auslösen des Timers ausgeführt werden soll. Es kann sich um eine Funktion oder mehrere Funktionen handeln, die durch „;“ getrennt werden können. Wenn Sie beispielsweise zwei Warnfenster anzeigen möchten, können Sie „function();“ durch ersetzen
"alert('Erstes Warnfenster!');alert('Zweites Warnfenster!');"; und der zweite Parameter "Verzögerungszeit" ist die Intervallzeit in Millisekunden, das heißt, wenn Sie "5000" eingeben, bedeutet dies 5 Sekunden.
Der Countdown-Timer löst ein Ereignis aus, nachdem die angegebene Zeit erreicht ist, während der Schleifen-Timer das Ereignis wiederholt auslöst, wenn die Intervallzeit erreicht ist. Der Unterschied zwischen den beiden besteht darin, dass ersterer nur einmal wirkt, während letzterer kontinuierlich wirkt.
Wenn Sie beispielsweise eine Seite öffnen und alle paar Sekunden automatisch zu einer anderen Seite springen möchten, müssen Sie den Countdown-Timer „setTimeout(“function();“,delaytime)“ verwenden und einen bestimmten Satz festlegen erscheinen einer nach dem anderen,
Sie müssen den Schleifentimer „setInterval(“function();“,delaytime)“ verwenden.
Um den Fokus des Formulars zu erhalten, wird document.activeElement.id verwendet. Verwenden Sie if, um festzustellen, ob document.activeElement.id und die ID des Formulars identisch sind.
Beispiel: Wenn („mid“ == document.activeElement.id) {alert();}, ist „mid“ die ID, die dem Formular entspricht.
Timer:
Wird verwendet, um ein Programm anzugeben, das nach einem bestimmten Zeitraum ausgeführt werden soll.
Timing-Ausführung in JS, der Unterschied zwischen setTimeout und setInterval und die Abbruchmethode
setTimeout(Expression,DelayTime), nach DelayTime wird ein Ausdruck ausgeführt. setTimeout wird verwendet, um die Ausführung einer Operation um einen bestimmten Zeitraum zu verzögern.
setTimeout("function",time) legt ein Timeout-Objekt fest
setInterval(Expression, DelayTime), jedes DelayTime wird ausgeführt Ausdruck Es kann oft zum Aktualisieren von Ausdrücken verwendet werden.
setInterval("function",time) legt ein Timeout-Objekt fest
SetInterval wird automatisch wiederholt, setTimeout wird nicht wiederholt.
clearTimeout(object) löscht das gesetzte setTimeout-Objekt
clearInterval(object) löscht das setInterval-Objekt
Nennen Sie einfach zwei Beispiele.
Beispiel 1. Wenn das Formular ausgelöst oder geladen wird, geben Sie die Zeichenfolge wörtlich aus
Kopieren Sie den Codecode wie folgt:
<html>
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/javascript">
var str = „Dies ist ein Beispieltext zum Testen“;
var seq = 0;
var second=1000; //Intervallzeit 1 Sekunde
Funktion scroll() {
msg = str.substring(0, seq+1);
document.getElementByIdx_x_x('word').innerHTML = msg;
seq++;
if (seq >= str.length) seq = 0;
}
</script>
</head>
<body onload="setInterval('scroll()',second)">
<div id="word"></div><br/><br/>
</body>
</html>
Beispiel 2. Wenn der Fokus auf dem Eingabefeld liegt, überprüfen Sie die Eingabefeldinformationen regelmäßig und führen Sie die Prüfaktion nicht durch, wenn der Fokus nicht darauf liegt.
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/javascript">
var second=5000; //Intervallzeit 5 Sekunden
var c=0;
Funktion scroll() {
c++;
if ("b" == document.activeElement.id) {
var str="Geplante Prüfung<b> "+c+" </b>Zeit<br/>";
if(document.getElementByIdx_x_x('b').value!=""){
str+="Der aktuelle Inhalt des Eingabefelds ist<br/><b> "+document.getElementByIdx_x_x('b').value+"</b>";
}
document.getElementByIdx_x_x('word').innerHTML = str;
}
}
</script>
</head>
<Körper>
<textarea id="b" name="b" style="height:100px; width:300px;" onfocus="setInterval('scroll()',second)"></textarea><br/><br/ >
<div id="word"></div><br/><br/>
</body>
</html>
Beispiel 3. Das Folgende ist das einfachste Beispiel. Nach Ablauf des Timers wird ein Warnfenster angezeigt.
Kopieren Sie den Codecode wie folgt:
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript">
Funktion count() {
document.getElementByIdx_x_x('m').innerHTML="Timer wurde gestartet!";
setTimeout("alert('Ten seconds up!')",10000)
}
</script>
<Körper>
<div id="m"></div>
<input TYPE="button" value="Timer startet" onclick="count()">
</body>
</html>
Beispiel 4: Countdown-Zeitsprung
Kopieren Sie den Codecode wie folgt:
<html>
<Kopf>
<base href="<%=basePath%>">
<title>Meine JSP-Startseite „ds04.jsp“</title>
<span id="tiao">3</span>
<a href="javascript:countDown"> </a> Springt automatisch nach Sekunden ...
<meta http-equiv=refresh content=3;url= '/ds02.jsp'/>
<!--Skript startet-->
<script language="javascript" type="">
Funktion countDown(secs){
tiao.innerText=secs;
if(--secs>0)
setTimeout("countDown("+secs+")",1000);
}
countDown(3);
</script>
<!--Ende des Skripts-->
</head>
Beispiel 6:
Kopieren Sie den Codecode wie folgt:
<Kopf>
<meta http-equiv="refresh" content="2;url='b.html'">
</head>
Beispiel 7:
Kopieren Sie den Codecode wie folgt:
<script language="javascript" type="text/javascript">
setTimeout("window.location.href='b.html'", 2000);
//Es können beide der folgenden beiden verwendet werden
//setTimeout("javascript:location.href='b.html'", 2000);
//setTimeout("window.location='b.html'", 2000);
</script>
Beispiel 8:
Kopieren Sie den Codecode wie folgt:
<span id="totalSecond">2</span>
<script language="javascript" type="text/javascript">
var second = document.getElementByIdx_x('totalSecond').innerHTML;
if(isNaN(second)){
//...keine numerische Verarbeitungsmethode
}anders{
setInterval(function(){
document.getElementByIdx_x('totalSecond').innerHTML = --second;
if (second <= 0) {
window.location = 'b.html';
}
}, 1000);
}
</script>