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 == 4 && xhr.status == 200) {
document.getElementById("box").innerHTML = xhr.responseText;
setTimeout('lesen()', 1000*sekunden);
}
}
}
</script>
<style>
div#box {
width: 450px;
padding: 10px;
}
</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 == 4 &&
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
Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.
CSS - DiscoLights - Box-Shadow Animation
PHP - BR-Tag in neue Zeile (Newline) konvertieren