JavaScript -Aktualisierungs -Seiten -Timer

Das Implementieren eines Timers für Aktualisierungsseiten in JavaScript ist sehr hilfreich, da die Benutzer sicherstellen können, dass der Inhalt auf der bestimmten Website relevant und aktuell ist. Darüber hinaus hilft es bei der Aktualisierung einer Webseite oder einer Website in der Automatisierungsphase. Ebenso ermöglicht es den Endbenutzern, rechtzeitig auf die neuesten Inhalte auf einer bestimmten Website zugreifen zu können.

So implementieren Sie den Timer des Aktualisierungsseiten -Timers in JavaScript?

Um den Timer JavaScript zu implementieren, können die folgenden Ansätze verwendet werden:

• "SetTimeout ()" Methode.
• "Onload" -Ereignis.
• "SetInterval ()" Methode.

Ansatz 1: Implementieren Sie den Aktualisierungs -Seiten -Timer in JavaScript über SetTimeOut () -Methode

Der "setTimeout ()Methode leitet nach der festgelegten Zeit eine Funktion um. Dieser Ansatz kann angewendet werden, um die angegebene Funktion auf der Schaltfläche Klicken zu leiten und die Seite nach der festgelegten Zeit zu aktualisieren.

Syntax

In der angegebenen Syntax:

• “Funktion”Zeigt die auf zugegriffene Funktion an.
• “Millisekunden”Bezieht sich auf das Zeitintervall, das auszuführen ist.
• “par1" Und "par2”Entsprechen den zusätzlichen Parametern.

Beispiel

Folgen wir dem folgenden Beispiel:

Diese Seite wird nach allen 4 Sekunden aktualisiert!

Führen Sie im obigen Code -Snippet die folgenden Schritte aus:

• Die angegebenen einschließen "Titel" und "Überschrift".
• Erstellen Sie auch eine Taste mit einem angehängten “ONCLICK”Ereignis umleiten zum Funktion refreshtimer ().
• Deklarieren Sie im JavaScript -Teil des Codes eine Funktion namens “Refreshtimer ()”.
• Wenden Sie in seiner Definition das an “setTimeout ()" Methode. Wenden Sie in seinem Parameter die anStandort.neu laden()Methode mit dem festgelegten Booleschen Wert. Geben Sie in seinem anderen Parameter die angegebene Zeit an.
• Dies führt dazu, dass die Seite nach jedem auffrischt “4 Sekunden”Auf der Schaltfläche Klicken Sie auf.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass sich die Seite nach allen 4 Sekunden aktualisiert.

Ansatz 2: Implementieren Sie den Timer des Aktualisierungsseiten -Timers in JavaScript mit Onload -Ereignis

Ein "Onload" -Ereignis tritt in Kraft, wenn ein Objekt geladen wird. Dieser Ansatz kann verwendet werden, um die Seite nach dem Laden der Seite in Bezug auf den Wert des festgelegten Timers zu aktualisieren.

Syntax

In der angegebenen Syntax:

• “Funktion”Entspricht der zugegriffenen Funktion, wenn das Objekt geladen wird.

Beispiel

Beobachten Sie die angegebenen Schritte im folgenden Beispiel:

Diese Seite wird nach 8 Sekunden aktualisiert!

In den obigen Codezeilen:

• Wende an "OnloadEreignis zum Funktion refreshtimer () mit dem festgelegten Timer als Parameter. Dies führt dazu, dass die angegebene Funktion auf der geladenen Seite aufgerufen wird.
• Geben Sie auch die angegebene Überschrift an.
• Definieren Sie im JavaScript -Teil des Codes eine Funktion namens “Refreshtimer ().”
• Wiederholen Sie in seiner Definition den diskutierten Schritt im vorherigen Ansatz zur Anwendung des “setTimeout ()Methode mit den angegebenen Parametern.
• Hier, "Timer”Bezieht sich auf den übergebenen Parameterwert des Timers.

Ausgang

Aus der obigen Ausgabe ist es offensichtlich, dass es nach dem Laden der Seite nach 8 Sekunden aktualisiert wird.

Ansatz 3: Implementieren Sie den Aktualisierungs -Seiten -Timer in JavaScript mithilfe von SetInterval () -Methode

Der "setInterval ()Methode leitet in bestimmten Zeitintervallen zu einer Funktion um. Diese Methode kann wiederholt angewendet werden und die Seite nach dem Grenzwert des festgelegten Timers aktualisiert werden.

Syntax

In der obigen Syntax:

• “Funktion”Zeigt auf die auf zugegriffene Funktion.
• “Millisekunden”Bezieht sich auf das spezifische Zeitintervall, das auszuführen ist.
• "Par1" und "Par2" entsprechen den zusätzlichen Parametern.

Beispiel

Folgen wir dem folgenden Beispiel:

Diese Seite wird nach allen 5 Sekunden aktualisiert!

Im obigen Code -Snippet:

• Geben Sie die angegebenen Überschriften zum Anzeigen der Nachricht und zum Inkrementieren des Timers ein.
• Initialisieren Sie im JavaScript -Teil des Codes den Timer mit “1”.
• Wenden Sie im nächsten Schritt die ansetInterval ()" Methode. Abrufen Sie auch die angegebene Überschrift durch ihre “ab“Ausweis" Verwendung der "GetElementById ()”Methode, um den Timer zu enthalten.
• Inkrementieren Sie den Timer so, dass nach dem “5 Sekunden"Zählen Sie, die Seite wird über die aktualisiert"Standort.neu laden()" Methode.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass die Seite nach 5 Sekunden aktualisiert wird.

Abschluss

Der "setTimeout ()"Methode, eine"Onload”Ereignis oder die“setInterval () ”Kann verwendet werden, um einen Aktualisierungs -Seiten -Timer in JavaScript zu implementieren. Die Methode setTimeout () kann implementiert werden, um eine Funktion auf der Schaltfläche aufzurufen. Klicken und aktualisieren Sie die Seite nach der festgelegten Zeit. Ein Onload -Ereignis kann angewendet werden, um den Timer auf der Seitenlast zu implementieren und gemäß dem festgelegten Timer -Wert zu aktualisieren. Die Methode setInterval () kann die Seite nach dem Grenzwert des festgelegten Timers wiederholt aktualisieren. In diesem Blog wird erklärt.