Eine Live-Uhr, die nach der Serverzeit geht, ist für viele Webseitenbesucher eine Erleichterung, da sie, wenn sich die eigene nicht von der Serverzeit unterscheidet die Uhr immer im Blick haben, und ansonsten sich wesentlich leichter an den Zeitzonenunterschied gewöhnen.
Gerade in Foren ist dies zB auch eine große Hilfe wenn es einen Zeitzonenunterschied gibt.
<html>
<head>
<script type="text/javascript">
<!--
var servertime = new Date(<?php echo time()*1000; ?>);
function time() {
var day = servertime.getDate();
var month = servertime.getMonth()+1;
var year = servertime.getFullYear();
var hours = servertime.getHours();
var minutes = servertime.getMinutes();
var seconds = servertime.getSeconds();
servertime.setSeconds(seconds+1);
if(day <= 9) {
day = "0" + day;
}
if(month <= 9) {
month = "0" + month;
}
if(hours <= 9) {
hours = "0" + hours;
}
if(minutes <= 9) {
minutes = "0" + minutes;
}
if(seconds <= 9) {
seconds = "0" + seconds;
}
document.getElementById("Uhrzeit").innerHTML = day + "." + month + "." + year + ", " + hours + ":" + minutes + ":" + seconds;
setTimeout("time()", 1000);
}
//-->
</script>
<title>Uhrzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="time();">
Uhrzeit: <span id="Uhrzeit"></span>
</body>
</html>
Erläuterungen zum Script
- Mit dem PHP-Teil im Script holen wir uns die aktuelle Serverzeit in Millisekunden.
- Mit dieser Angabe können wir dann weiterarbeiten und erhöhen die Sekundenangabe einfach jede 1000 Millisekunden um 1.
- Der Rest basiert dann nurnoch auf einfacher Mathemathik und einigen If-Abfragen.
Wer Probleme hat, den Code bei sich zu integrieren kann mich gerne über die Kommentarfunktion kontaktieren.
Viele Grüße Martin