JavaScript - Zeitabhängige Aktualisierung

In diesem JavaScript wird ein Aufruf (alle 10 Sekunden) per Ajax (über XMLHttpRequest) gestartet, dieser liest dann die Antwort der Datei "auslesen.php" aus. Die Daten können entweder aus einer TXT-Datei oder Datenbank generiert weden.


<script>

var 
sekunden 10// Zeit in Sekunden
var xhr = new XMLHttpRequest();
window.addEventListener("DOMContentLoaded"lesen);

function 
lesen() {
 
xhr.open("GET""auslesen.php?lesen");
 
xhr.send(null);
 
xhr.onreadystatechange = function () {
  if (
xhr.readyState == && xhr.status == 200) {
   
document.getElementById("box").innerHTML xhr.responseText;
   
setTimeout('lesen()'1000*sekunden);
  }
 }
}
</
script>

<
style>
div#box {
 
width450px;
 
padding10px;
}
</
style>

 </
head>
<
body>

<
div id="box"></div>

Das PHP-Script (auslesen.php) könnte etwa so aussehen:


<?php

if (isset($_GET["lesen"])) {
 ...
}
?>

Bausteine

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Texteingabe nur in Großbuchstaben

PHP - Gerade oder ungerade Zahl ermitteln

JavaScript - Datum und Uhrzeit als Zeichenkette anzeigen

MySQL - Eintrag in der Tabelle löschen