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 >= &&
      
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

JavaScript - Darstellungsmodus überprüfen

MySQL - Datensätze über Checkbox-Auswahl suchen