JavaScript-Zeitgeber für Seitenaktualisierung
- Webseite mit JavaScript automatisch aktualisieren
- Aktualisieren Sie eine Webseite automatisch alle 5 Sekunden mit JavaScript
Dieser Artikel behandelt den Seitenaktualisierungstimer in JavaScript. Wir werden sehen, wie wir JavaScript in einer HTML-Seite codieren können, um die Seite automatisch alle 5 Sekunden zu aktualisieren.
Das manuelle Aktualisieren der Webseite scheint ein zeitraubender Prozess und Aufwand zu sein, da wir jetzt Webseiten in unseren Browsern mit Hilfe von JavaScript automatisch aktualisieren können. Lassen Sie uns nun verstehen, wie wir das mit JavaScript erreichen können.
Webseite mit JavaScript automatisch aktualisieren
Wir können eine Webseite automatisch aktualisieren, indem wir JavaScript verwenden. Eine Webseite kann nach einer bestimmten Anzahl von Sekunden aktualisiert werden, indem JavaScript auf der HTML-Seite verwendet wird.
Wir können die location.reload-Methode von JavaScript verwenden, um eine Webseite automatisch zu aktualisieren. Mit dieser Methode in JavaScript kann ein Code automatisch bei einem Ereignis aufgerufen werden oder wenn ein Benutzer auf einen Link klickt.
Wir verwenden den folgenden Code, wenn wir eine Webseite per Mausklick aktualisieren möchten.
Beispielcode für Mausklick:
<html>
<head>
<title>JavaScript refresh page</title>
</head>
<body>
<button>
<a href="javascript:location.reload(true)"> Click Refresh the Page</a></button>
</body>
</html>
Ausgang:
Wie wir in der Ausgabe sehen können, haben wir eine Klick-Schaltfläche, um die Webseite zu aktualisieren. Eine Webseite wird aktualisiert, wenn ein Benutzer auf die Schaltfläche Klicken klickt.
Wir können JavaScript verwenden, um die Webseite per Mausklick zu aktualisieren.
Aktualisieren Sie eine Webseite automatisch alle 5 Sekunden mit JavaScript
Wir können JavaScript auch verwenden, um eine Webseite nach einer bestimmten Zeit automatisch zu aktualisieren. In diesem Fall haben wir 5 Sekunden der Zeit angegeben.
Verwenden der Methode location.reload und der Funktion setTimeout(); Wir können alle 5 Sekunden eine Webseite aktualisieren. setTimeout() ist eine eingebaute JavaScript-Funktion, die wir verwenden, um nach einem bestimmten Zeitintervall eine andere Funktion auszuführen.
Um diese Methode besser zu verstehen, versuchen wir den folgenden Beispielcode. Im folgenden Code haben wir einen HTML-Code, in dem wir JavaScript verwendet haben.
In JavaScript haben wir die Funktion setTimeout verwendet, um location.reload() im Code auszuführen. Im Hauptteil des Codes haben wir die 5 Sekunden angegeben, die Sie nach Ihren Anforderungen ändern können.
Nachdem Sie diesen Code ausgeführt haben, wird die Webseite automatisch alle 5 Sekunden aktualisiert.
Beispielcode zum Aktualisieren einer Webseite alle 5 Sekunden:
<html>
<head>
<script type = "text/JavaScript">
function AutoRefresh( t ) {
setTimeout("location.reload(true);", t);
}
</script>
</head>
<body onload = "JavaScript:AutoRefresh(5000);">
<p>Your Page will refresh every 5 seconds!</p>
</body>
</html>
Die Ausgabe des Codes:
Wie wir sehen können, zeigt die Ausgabe diese Nachricht nach dem Ausführen des Codes an. Das bedeutet, dass die Webseite alle 5 Sekunden automatisch aktualisiert wird.
So können wir JavaScript verwenden, um eine Webseite automatisch alle 5 Sekunden zu aktualisieren.
Wir hoffen, dass Sie diesen Artikel hilfreich finden, um zu verstehen, wie Sie JavaScript verwenden, um eine Webseite automatisch zu aktualisieren.
My name is Abid Ullah, and I am a software engineer. I love writing articles on programming, and my favorite topics are Python, PHP, JavaScript, and Linux. I tend to provide solutions to people in programming problems through my articles. I believe that I can bring a lot to you with my skills, experience, and qualification in technical writing.
LinkedIn