Uhrzeit und Datum des Webservers dynamisch anzeigen

Trainee

Saturday, October 23rd 2010, 9:25pm

Hallo,

ich hoffe ich bin hier im richtigen Forum.

Ich habe ein Script das mir die Uhrzeit des Webservers mit Javascript und PHP dynamisch anzeigt.

Source code

<?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>Webserver Uhrzeit  mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="UhrzeitAnzeigen();">
Server Zeit: <span id="Uhrzeit"></span>
</body>
</html>

Ausgegeben wird dann das: "Server Zeit: 20:54:05 Uhr"
nun zu meinem Problem(chen)
Ich hätte aber gerne zusätzlich das Datum, etwa so: "Server Zeit: 23.10.2010 - 20:54:05 Uhr"
Perfeckt wäre natürlich: "Kalenderwoche 42 - Samstag 23. Oktober 2010 - 20:54:05 Uhr"
Leider sind meine Programmierfähigkeiten praktisch NOCH nicht vorhanden. So das ich mich auf freie Code Schnippel von anderen verlassen muss. Ich bemühe mich in meiner Freizeit so langsam in HTML Java PHP... einzuarbeiten aber bei so großen Sachen blicke ich einfach noch nicht durch. Ich würde mich freuen wenn mir jemand helfen kann das Script zu vollenden bzw. neu aufzubauen.

This post has been edited 1 times, last edit by "mue.chris" (Oct 23rd 2010, 10:41pm)

mue.chris

Trainee

Posts: 14

2

Saturday, October 23rd 2010, 10:35pm

Ich führe ja nur ungern selbstgespräche aber ich hab grade mal ein paar codes etwas (unsauber) zusammen geklebt. :whistling:

Jetzt wird sogar: "Server Zeit: 23.10.2010 - 22:22:51 Uhr" ausgegeben. Die Zeit läuft aber das Datum wird sich natürlich um 00:00 Uhr nicht verändern
rein Optisch bin ich ja schon mal da wo ich MINDESTENS hin wollte aber das ist mir zufiel gepfusche
Hier mal den neuen Code

Source code

<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>Unsauber zusammen geklebte Codes</title>
</head>

<body onLoad="UhrzeitAnzeigen();">

<div style="text-align: center;">
Server Zeit:
<?php
$timestamp = time();
$datum = date("d.m.Y",$timestamp);
echo $datum," - ";
?>
<span id="Uhrzeit"></span> Uhr
</div>
</body>
</html>

Wie gesagt, ich würde mich freuen wenn mir jemand helfen kann das Script zu vollenden bzw. neu aufzubauen, damit es dann vieleicht so aussieht: Kalenderwoche 42 - Samstag 23. Oktober 2010 - 22:22:51 Uhr
Zugegeben das mit der Kalenderwoche hab ich bisher auch noch nirgends gesehen aber der Rest ist auf jedenfall machbar

pokertom

Intermediate

Posts: 124

3

Sunday, October 24th 2010, 7:08am

Warum nicht direkt mit PHP?
Das hat dafür doch eine eingebaute Funktion???
Siehe hier, verstehe es nicht, den ersten Ansatz hast du doch schon gemacht, warum so viel Arbeit?:
http://de.php.net/manual/de/function.date.php
mfg Pokertom

Tim Eipert

Intermediate

Posts: 101

4

Sunday, October 24th 2010, 9:30am

Wenn dus dann noch jede Sekunde aktuallisieren willst, dann schau mal nach AJAX...

Florian

Intermediate

Posts: 197

5

Sunday, October 24th 2010, 10:40am

Hier hast du noch etwas zum kleben: http://de.selfhtml.org/javascript/objekte/date.htm

mue.chris

Trainee

Posts: 14

6

Sunday, October 24th 2010, 12:07pm

@pokertom
soweit ich weiß ist es nicht möglich die Zeit mit php "laufen" zu lassen außer man aktualisiert die gesamte Seite ständig was aber eine Menge Traffic verursacht.

den Code um die Serverzeit mit PHP auszugeben hab ich auch:

	Source code
1 2 3 4 5	<?php $timestamp = time(); $datum = date("d.m.Y",$timestamp); $uhrzeit = date("H:i:s",$timestamp); echo $datum," - ",$uhrzeit," Uhr"; ?>

Aber wer will schon dauernd die Seite neu laden da wird man ja selbst im schnellen Intranet ganz zappelig

@Tim Eipert
Ajax... habe mal gegoogelt nach "ajax Uhrzeit" das scheint was für mich zu sein, hatte aber noch nicht die Ehre mit ajax da muss ich erst mal weiter googeln. Ist das überhaupt die Serverzeit?

@Florian
Ja, genau das ist es wo ich überfordert bin, zu viele Schnippsel. Die selfhtmls kenne ich aber java alleine kann nun mal nicht die Serverzeit auslesen die Kunst ist es mit php die Serverzeit zu hohlen und an Java zu übergeben.
Ich hoffe eben das mir jemand zeigen kann wo ich was hin schreiben muss weil ich die Vorgänge einfach noch nicht gut genug verstehe.

pokertom

Intermediate

Posts: 124

7

Sunday, October 24th 2010, 12:13pm

Dazu hat D0nut einen Wiki-Eintrag geschrieben:
http://www.easy-coding.de/wiki/html-ajax…-nachladen.html

SeBa

Master

Posts: 1,134

8

Sunday, October 24th 2010, 1:32pm

Das kannst du dir im Prinzip sparen. Ich würde die Uhrzeit mit Javascript mitlaufen lassen und das ganze einmalig mit der Uhrzeit vom Webserver initialisieren. Dann laufen die Uhren zwar auseinander, aber die Abweichung ist so gering, das merlste kaum. Ajax wird auch nicht genauer sein, da der Webserver die Uhrzeit erst generiert, dann übertragen muss und dann muss das ganze vom Client gerendert werden. Die Verzögerung hängt also da auch von Internetgeschwindigkeit/Latency des Besuchers und minimal von der Rechenpower, die der Browser zu Verfügung hat, ab. Faktoren auf die du im Zweifelsfall keinen Einfluss hast.

Florian

Intermediate

Posts: 197

9

Sunday, October 24th 2010, 2:11pm

So in etwa:

JavaScript Code

var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');
 
var Wochentag = Wochentage[Serverzeit.getDay()];
var Tag = Serverzeit.getDate();
var Monat = Serverzeit.getMonth();
var Jahr = Serverzeit.getFullYear();
 
[...]
 
Uhrzeitanzeige = Wochentag + ', ' + Tag + '.' + Monat + '.' + Jahr + ' ' +  Stunden + ':' + Minuten + ':' + Sekunden;

mue.chris

Trainee

Posts: 14

10

Tuesday, October 26th 2010, 1:20am

Sorry ich leide zur Zeit etwas an Zeitmangel werde mir aber das Wiki bei Gelegenheit ansehen.

@Florian (bist ein Schatz :thumbsup:

)
Ich habe deinen Code mal eben eingebaut aber leider wird mir dann "Server Zeit: Freitag, 26.10.2010 01:05:11 Uhr" angezeigt. (Heute ist Dienstag!) Hab mal direkt im Betriebssystem nachgesehen da wird Dienstag angezeigt, muss also am Script liegen. Das ganze sieht jetzt so aus:

PHP Quellcode

<?php
$Javascriptzeit = date("Y, n, j, G, i, s");
?>
<html>
<head>
<script language="JavaScript">
<!--
var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
 
function DatumzeitAnzeigen()
{
if(!document.all && !document.getElementById)
{
    return;
}
 
 
var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');
 var Wochentag = Wochentage[Serverzeit.getDay()];
var Tag = Serverzeit.getDate();
var Monat = Serverzeit.getMonth();
var Jahr = Serverzeit.getFullYear();
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;
}
 
Datumzeitanzeige = Wochentag + ', ' + Tag + '.' + Monat + '.' + Jahr + ' ' +  Stunden + ':' + Minuten + ':' + Sekunden;
 
if(document.getElementById)
{
    document.getElementById("Datumzeit").innerHTML = Datumzeitanzeige
}
else if(document.all)
{
    Datumzeit.innerHTML = Datumzeitanzeige;
}
 
setTimeout("DatumzeitAnzeigen()", 1000);
}
//-->
</script>
<title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="DatumzeitAnzeigen();">
Server Zeit: <span id="Datumzeit"></span> Uhr
</body>
</html>

Sieht da jemand einen Fehler? Oder fehlt noch was?? Unsereins kann ja nur kleben

Edit:
Naja ich habe Zeile 18 einfach etwas umgeschrieben.

JavaScript Code

var Wochentage = new Array('Donnerstag', 'Freitag', 'Samstag', 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch');

This post has been edited 1 times, last edit by "mue.chris" (Oct 26th 2010, 12:00pm)

mue.chris

Trainee

Posts: 14

11

Friday, October 29th 2010, 1:37am

So ich bin fast am Ziel. Nach einem Google Marathon habe ich jetzt dieses Script gebastelt das mir "Kalenderwoche 43" liefert:

JavaScript Code

<script language="JavaScript">
function kalenderwoche(datum){
	if(datum){
    	Datum = datum
    	Datum = Datum.split(".");
    	tag1 = Datum[0];
    	mon1 = Datum[1];
    	yea1 = Datum[2];
    	Datum = new Date(yea1,mon1-1,tag1);
	} else {
    	Datum = new Date();
    	}
 
 
	DoDat=donnerstag(Datum);
	kwjahr=DoDat.getFullYear();
	DoKW1=donnerstag(new Date(kwjahr,0,4));
	kw=Math.floor(1.5+(DoDat.getTime()-DoKW1.getTime())/86400000/7);
	return kw;
}
 
function donnerstag(datum) {
  var Do=new Date();
  Do.setTime(datum.getTime() + (3-((datum.getDay()+6) % 7)) * 86400000);
  return Do;
}
 
 
 
 
document.write("Kalenderwoche ");
document.write(kalenderwoche());
 </script>

Aber wie bekomme ich das jetzt in meine Aktuelle PHP geklebt?

PHP Quellcode

<?php
$Javascriptzeit = date("Y, n, j, G, i, s");
?>
<html>
<head>
<script language="JavaScript">
<!--
var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
 
function DatumzeitAnzeigen()
{
	if(!document.all && !document.getElementById)
	{
    	return;
	}
 
 
	var Wochentage = new Array('Donnerstag', 'Freitag', 'Samstag', 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch');
 	var Wochentag = Wochentage[Serverzeit.getDay()];
	var Tag = Serverzeit.getDate();
	var Monate = new Array ("Dezember","Januar","Februar","März","April","Mai","Juni","Juli","August","Septemper","Oktober","November");
	var Monat = Monate[Serverzeit.getMonth()];
	var Jahr = Serverzeit.getFullYear();
	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;
	}
 
	Datumzeitanzeige = Wochentag + ', ' + Tag + '. ' + Monat + ' ' + Jahr + ' - ' +  Stunden + ':' + Minuten + ':' + Sekunden;
 
	if(document.getElementById)
	{
    	document.getElementById("Datumzeit").innerHTML = Datumzeitanzeige
	}
	else if(document.all)
	{
    	Datumzeit.innerHTML = Datumzeitanzeige;
	}
 
	setTimeout("DatumzeitAnzeigen()", 1000);
}
//-->
</script>
<title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="DatumzeitAnzeigen();">
Server Zeit: <span id="Datumzeit"></span> Uhr
</body>
</html>

Wäre schön wenn sich jemand erbarmt und mir zeigt wie ich das Script eingebaut bekomme damit es auch mit der Serverzeit läuft und das ganze dann so aussieht:
"Kalenderwoche 43 - Freitag, 29. Oktober 2010 - 20:54:05 Uhr"

Torben Brodt

Administrator

Posts: 8,454

12

Sunday, October 31st 2010, 12:12pm

Wenn ich das so sagen darf: Der Code ist alles andere als schön

Ich hab ihn mal etwas objektorientiert gemacht, hier die fertige Version:

HTML Code

<html>
<head>
<title>Serverzeit in JavaScript nutzen</title>
<script type="text/javascript">
// <![CDATA[
function Serverzeit(date) {
	this.date = date;
 
	this.kalenderwoche = function() {
		var Datum = this.date;
		var DoDat = donnerstag(Datum);
		var kwjahr = DoDat.getFullYear();
		var DoKW1 = donnerstag(new Date(kwjahr,0,4)); // Anm. 2
		return Math.floor(1.5+(DoDat.getTime()-DoKW1.getTime())/86400000/7) // Anm. 3, 4
	};
 
	function donnerstag(datum) {
		var Do = new Date();
		Do.setTime(datum.getTime() + (3 - ((datum.getDay() + 6) % 7)) * 86400000);
		return Do;
	};
 
	this.update = function(dom_id) {
		var Datumsanzeige = "";
		var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');
		var Wochentag = Wochentage[this.date.getDay()];
		var Tag = this.date.getDate();
		var Monate = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "Septemper", "Oktober", "November", "Dezember");
		var Monat = Monate[this.date.getMonth()];
		var Jahr = this.date.getFullYear();
		var Stunden = this.date.getHours();
		var Minuten = this.date.getMinutes();
		var Sekunden = this.date.getSeconds();
		this.date.setSeconds(Sekunden + 1);
 
		if (Stunden <= 9) {
			Stunden = "0" + Stunden;
		}
 
		if (Minuten <= 9) {
			Minuten = "0" + Minuten;
		}
 
		if (Sekunden <= 9) {
			Sekunden = "0" + Sekunden;
		}
 
		Datumzeitanzeige = Wochentag + ', ' + Tag + '. ' + Monat + ' ' + Jahr + ' - ' + Stunden + ':' + Minuten + ':' + Sekunden;
		Datumzeitanzeige = "Kalenderwoche: " + this.kalenderwoche() + " - " + Datumzeitanzeige;
 
		document.getElementById(dom_id).innerHTML = Datumzeitanzeige
 
		// recursion
		setTimeout(function(x, dom_id) {
			return function() {
				x.update(dom_id);
			};
		}(this, dom_id), 1000);
	};
};
// ]]>
</script>
<title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
</head>
<body onLoad="var x = new Serverzeit(new Date(<?php echo time() * 1000 ?>)); x.update('Datumzeit');">
Server Zeit: <span id="Datumzeit"></span> Uhr
</body>
</html>

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

This post has been edited 1 times, last edit by "Torben Brodt" (Oct 31st 2010, 4:24pm) with the following reason: kleine Fehlerkorrekturen

mue.chris

Trainee

Posts: 14

13

Sunday, October 31st 2010, 2:46pm

Vielen Dank d0nut!
Hattest du Gelegenheit das mal zu testen? Irgendwo stimmt etwas nicht z.B. heute (KW 43 Sonntag 31. Oktober 2010 14:34:53 Uhr) zeigt er "Kalenderwoche 48 - Sonntag, 1. November 2010 - 14:34:53 Uhr"

. Daraufhin habe ich mal im Server Betriebssystem mit dem Datum gespielt. Manchmal stimmt der Wochentag nicht oder das gesamte Datum (wie heute) und die KW stimmt nie. Das kam mir damals schon komisch vor, weil ich die Wochentage damals schon alle versetzen musste damit es passt.

Torben Brodt

Administrator

Posts: 8,454

14

Sunday, October 31st 2010, 4:25pm

ich habe den Code oben aktualisiert.
Und zwar übergebe ich die Zahl nun als unix timestamp:

	JavaScript Code
1	new Date(<?php echo time() * 1000 ?>)

und das Array beginnt mit Januar statt Dezember:

JavaScript Code

var Monate = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "Septemper", "Oktober", "November", "Dezember");

zumindest das aktuelle Datum ist jetzt korrekt

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

mue.chris

Trainee

Posts: 14

15

Sunday, October 31st 2010, 5:25pm

ändere Bitte noch Zeile 25

JavaScript Code

var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');

und Zeile 63 den 2. Titel (nach </script>)
Dann stimmt es (zumindest bei mir)

Wahrhaft Göttlich!

Vielen, vielen, vielen Dank! Das hätte ich nicht alleine hin bekommen.
Ich habe nochmal mit der Systemzeit in der VM gespielt jetzt scheint es wirklich richtig zu Arbeiten streng nach ISO 8601

Jeden Montag und nur montags beginnt eine neue Kalenderwoche.
Die erste Kalenderwoche ist diejenige, die mindestens 4 Tage des neuen Jahres enthält.

Aus diesen Punkten können folgende Eigenschaften geschlussfolgert werden:

Es gibt keine unvollständigen Kalenderwochen, ausnahmslos jede KW enthält genau 7 Tage.
Jedes Jahr hat entweder 52 oder 53 Kalenderwochen.
Ein Jahr hat genau dann 53 Kalenderwochen, wenn es mit einem Donnerstag beginnt oder endet:
Ein Normaljahr mit 53 Wochen beginnt und endet an einem Donnerstag.
Ein Schaltjahr mit 53 Wochen beginnt entweder an einem Mittwoch und endet somit mit Donnerstag oder beginnt an einem Donnerstag und endet an einem Freitag.
Der 4. Januar liegt immer in Kalenderwoche 1.
Der 29., 30. und 31. Dezember können schon zur ersten Kalenderwoche des Folgejahres gehören.
Der 1., 2. und 3. Januar können noch in der letzten Kalenderwoche des Vorjahres liegen.
Der Donnerstag ist ausschlaggebend, zu welchem Jahr die Woche gezählt wird. Liegt er im neuen Jahr, ist es die Kalenderwoche 1.
(Quelle Wikipedia)

Dann kann das Thema wohl als gelöst markiert werden, wenn das hier so üblich sein sollte.
Ich habe die fertige "Uhr.php" nochmal angehängt damit unsere Anstrengungen der Nachwelt zum Download zur Verfügung stehen.

mue.chris has attached the following file:

Uhr.zip (976 Byte - 89 times downloaded - latest: May 12th 2012, 1:08pm)

Coder Forum