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"])) {
 ...
}
?>

Beispiel 2


<div id="ausgabe"></div>


<
script>
var 
datei 'meinwetter.php'// Pfad zur Datei

var xhr = new XMLHttpRequest();
window.onload=neu_laden;

function 
neu_laden() {
   
xhr.open("GET"datei +
 
'?rnd' + (Math.random()*1000), true);
xhr.send(null);
xhr.onreadystatechange = function() {
 if (
xhr.readyState == &&
      
xhr.status == 200) {
       
document.getElementById("ausgabe").innerHTML xhr.responseText;
   }
 }
}

window.setInterval(function() {
var 
Heute = new Date();
if (
Heute.getSeconds() == 10) {
neu_laden();
}
}, 
1000); // Millisekunden!
</script>
meinwetter.php
<?php
readfile("wetter.txt"); // Textdatei auslesen
?>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<code> Logische Auszeichnung

CSS - Beschriftungen und Formularfelder gleichmäßig untereinander setzen

PHP - Mehrere Zeilenumbrüche durch einen ersetzen

JavaScript - Prüfen, ob die Zahl gerade oder ungerade ist

MySQL - Eintrag in der Tabelle löschen