Wie implementiere ich eine automatische Aktualisierung der Wetterdaten alle 10 Minuten?
In dieser Anleitung erkläre ich, wie man eine automatische Aktualisierung von Wetterdaten in einer Webseite implementiert. Die Aktualisierung erfolgt dabei alle 10 Minuten, das entspricht 600.000 Millisekunden.
Grundprinzip der Aktualisierung
Die Idee ist, die Wetterdaten zunächst beim Laden der Seite abzurufen und anschließend in regelmäßigen Abständen erneut den Abruf zu starten. Um das zu realisieren, kann man in JavaScript die Funktion setInterval verwenden. Diese ruft eine definierte Funktion periodisch auf, hier also alle 10 Minuten.
Wetterdaten über eine API abrufen
Für die Wetterdaten wird normalerweise eine Wetter-API verwendet. Beispielhaft können Sie APIs wie OpenWeatherMap nutzen. Dazu müssen Sie einen API-Schlüssel beantragen und dann mit JavaScript über fetch oder XMLHttpRequest Daten abrufen. Im folgenden Beispiel wird fetch mit async/await verwendet.
Beispielhafte Implementierung
Dieses Skript sorgt dafür, dass die Wetterdaten direkt nach dem Laden der Seite sowie anschließend alle zehn Minuten automatisch neu abgerufen und angezeigt werden. Denken Sie daran, den API-Schlüssel an der entsprechenden Stelle einzutragen und die Anfrage-URL gegebenenfalls an Ihre Anforderungen anzupassen.