Uhrzeit des Webservers mit Javascript und PHP dynamisch anzeigen
Mit Hilfe dieses Artikels können Sie eine dynamische Uhr in Ihre Webseite einfügen, die nicht – wie bei Javascript sonst üblich – auf der Uhrzeit des Besuchers basiert, sondern auf der aktuellen Uhrzeit Ihres Webservers.
Im folgenden Quellcode finden Sie eine komplette Webseite, die die Einbindung einer dynamischen Serveruhrzeit demonstriert.
<?php
$Javascriptzeit = date("Y, n, j, G, i, s");
?>
<html>
<head>
<script language="JavaScript">
<!--
var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
function UhrzeitAnzeigen()
{
if(!document.all && !document.getElementById)
{
return;
}
var Stunden = Serverzeit.getHours();
var Minuten = Serverzeit.getMinutes();
var Sekunden = Serverzeit.getSeconds();
Serverzeit.setSeconds(Sekunden+1);
if(Stunden <= 9)
{
Stunden = "0" + Stunden;
}
if(Minuten <= 9)
{
Minuten = "0" + Minuten;
}
if(Sekunden <= 9)
{
Sekunden = "0" + Sekunden;
}
Uhrzeitanzeige = Stunden + ":" + Minuten + ":" + Sekunden;
if(document.getElementById)
{
document.getElementById("Uhrzeit").innerHTML = Uhrzeitanzeige
}
else if(document.all)
{
Uhrzeit.innerHTML = Uhrzeitanzeige;
}
setTimeout("UhrzeitAnzeigen()", 1000);
}
//-->
</script>
<title>Uhrzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="UhrzeitAnzeigen();">
Uhrzeit: <span id="Uhrzeit"></span>
</body>
</html>
Zu Beginn der Datei müssen Sie einen Datumsstring in der Form 2006, 10, 17, 15, 34, 28 (Jahr, Monat, Tag, Stunde, Minute, Sekunde) erzeugen. Dazu verwenden Sie am einfachsten die Datumsfunktion date(…) von PHP, die Ihnen alle Teile des Datumsstrings liefert.
Anschließend wird dieser generierte String als Grundlage für die Javascript-Variable Serverzeit benutzt. Die Funktion UhrzeitAnzeigen(…) wird nach dem Aufruf der Webseite jede Sekunde aufgerufen und schreibt die aktuelle Uhrzeit an eine beliebige Stelle im HTML-Dokument. Dazu müssen Sie lediglich den Tag
<span id="Uhrzeit"></span>
dort notieren, wo die Serveruhrzeit angezeigt werden soll.
Kategorie: Javascript
