JS -Timer -Verwendung (Instanzerklärung)

Autor：Eve Cole Aktualisierungszeit：2025-03-16 21:32:01

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>

<title> Nicht -Title -Dokument </title>

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>

</html>

Beispiel 2. Wenn sich der Fokus im Eingabegeld befindet, überprüfen Sie die Eingabefeldinformationen regelmäßig.

Kopieren Sie den Code -Code wie folgt:

<kopf>

<title> Nicht -Title -Dokument </title>

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 /> "

</body>

</html>

Beispiel 3. Folgendes ist das einfachste Beispiel.

Kopieren Sie den Code -Code wie folgt:

<kopf>

Funktion count () {) {

document.getElementByIdx_x_x ('M').

setTimeout ("Alarm ('zehn Sekunden bis!", 10000)

}

</script>

<body>

</body>

</html>

Beispiel 4: Der Countdown springt das Timing und zeitgemäß

Kopieren Sie den Code -Code wie folgt:

<html>

<kopf>

<title> My JSP 'DS04.jsp' Startseite </title>

<A href = "JavaScript: Countdown"> </a> automatisch nach dem zweiten ...

<!-Das Skript startet->

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>

</head>

Beispiel 7:

Kopieren Sie den Code -Code wie folgt:

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:

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:

// 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:

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:

<title> unbenannte Seite </title>

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>

<div>

Verwendung von Delayer: </div>

<div>

<input type = "button" id = "button1" onclick = "JavaScript: alert ('Good Monrning');

</div>

<br />

<div>

Verwendung von Timer: </div>

<div>

</div>

</form>

</body>

</html>