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 Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Sternebewertung

PHP - Zufallsgenerator (Lottozahlen)

JavaScript - Letzte Änderung an einem Dokument ausgeben

MySQL - Datensätze sortieren nach Länge der Zeichen