Wir können die Webseite automatisch aktualisieren, indem wir das „meta“-Tag mit dem „http-equiv“-Attribut oder die setInterval()-Browser-API verwenden. Es gibt bestimmte Anwendungsfälle für die automatische Aktualisierung einer Website. Wenn wir beispielsweise eine Webanwendung für die Wettersuche erstellen, möchten wir unsere Website möglicherweise nach einem festgelegten Intervall aktualisieren, um dem Benutzer nahezu genaue Wetterdaten für einen bestimmten Standort anzuzeigen.
Sehen wir uns die beiden folgenden Methoden an, um zu erfahren, wie man eine Website mit automatischer Aktualisierung einrichtet.
In dieser Methode verwenden wir das „http-equiv“-Attribut des „meta“-Tags, um unsere Webanwendung nach einem bestimmten Intervall zu aktualisieren, das im „content“-Attribut übergeben wurde. Die HTML5-Spezifikation stellt uns standardmäßig Meta-Tags zur Verfügung.
<meta http-equiv="refresh" content="n">
Das „n“ hier ist eine positive Ganzzahl, die die Anzahl der Sekunden angibt, die zum Aktualisieren der Seite benötigt werden.
In diesem Beispiel verwenden wir das „http-equiv“-Attribut des „meta“-Tags, um unsere Webanwendung alle 2 Sekunden zu aktualisieren.
<!DOCTYPE html> <html lang="en"> <head> <title>How to Automatic Refresh a web page in fixed time?</title> <meta http-equiv="refresh" content="2"> </head> <body> <h3>How to Automatic Refresh a web page in fixed time?</h3> </body> </html>
In dieser Methode verwenden wir die vom Browser bereitgestellte API „setInterval()“, die es uns ermöglicht, nach einer bestimmten Zeitspanne einen Code auszuführen, der beide als Parameter übergeben wird zur Browser-API.
setInterval(callback_fn, time_in_ms)
„setInterval()“ hat 2 Parameter, der erste ist die Rückruffunktion, die nach der Verzögerung ausgelöst wird, der zweite ist die in Millisekunden angegebene Verzögerung.
In diesem Beispiel verwenden wir die Browser-API „setInterval()“, um unsere Webanwendung alle 2 Sekunden zu aktualisieren.
<!DOCTYPE html>
<html lang="en">
<head>
<title>How to Automatic Refresh a web page in fixed time?</title>
</head>
<body>
<h3>How to Automatic Refresh a web page in fixed time?</h3>
<script>
window.onload = () => {
console.clear()
console.log('page loaded!');
setInterval(() => {
window.location = window.location.href;
}, 2000)
}
</script>
</body>
</html>In diesem Artikel haben wir gelernt, wie wir unsere Webanwendung nach einer festgelegten Zeit mithilfe von zwei verschiedenen Methoden, HTML5 und JavaScript, automatisch aktualisieren können. Bei der ersten Methode verwenden wir das „http-equiv“-Attribut des „meta“-Tags und bei der zweiten Methode verwenden wir die Browser-API „setInterval“.
Das obige ist der detaillierte Inhalt vonWie kann ich Webseiten in regelmäßigen Abständen automatisch aktualisieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
