JavaScript - Externe Datei per AJAX zeitabhängig aktualisieren
Im folgenden Beispiel wir die Uhrzeit alle 10 Sekunden aktualisiert.
Die Angabe der Zeit erfolgt dabei in Millisekunden.
1 Sekunde = 1000 Millisekunden
60 Sekunden = 60000 Millisekunden (1 Minute)
300 Sekunden = 300000 Millisekunden (5 Minuten)
<script>
// Externe Datei per AJAX zeitabhängig aktualisieren
window.addEventListener("DOMContentLoaded", function() {
dateiLaden();
window.setInterval('dateiLaden()', 10000); // 10000 = 10 Sekunden
});
const xhr = new XMLHttpRequest();
function dateiLaden() {
xhr.open("GET", "uhrzeit_ausgabe.php", true);
xhr.send(null);
xhr.onreadystatechange = function() {
if (xhr.readyState >= 4 &&
xhr.status == 200) {
document.getElementById("ausgabe").innerHTML = xhr.responseText;
}
}
}
</script>
<div id="ausgabe"></div>
<?php
// Datei: uhrzeit_ausgabe.php
echo '<p>' . date("H:i:s") . ' Uhr</p>';
?>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<button> Button
CSS - Mit import mehrere CSS-Dateien zusammenfassen
PHP - Webseite mit einem Button neu laden