Uhrzeit und Datum des Webservers dynamisch anzeigen

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Uhrzeit und Datum des Webservers dynamisch anzeigen

    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.

    PHP-Quellcode

    1. <?php
    2. $Javascriptzeit = date("Y, n, j, G, i, s");
    3. ?>
    4. <html>
    5. <head>
    6. <script language="JavaScript">
    7. <!--
    8. var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
    10. function UhrzeitAnzeigen()
    11. {
    12. if(!document.all && !document.getElementById)
    13. {
    14. return;
    15. }
    17. var Stunden = Serverzeit.getHours();
    18. var Minuten = Serverzeit.getMinutes();
    19. var Sekunden = Serverzeit.getSeconds();
    20. Serverzeit.setSeconds(Sekunden+1);
    22. if(Stunden <= 9)
    23. {
    24. Stunden = "0" + Stunden;
    25. }
    27. if(Minuten <= 9)
    28. {
    29. Minuten = "0" + Minuten;
    30. }
    32. if(Sekunden <= 9)
    33. {
    34. Sekunden = "0" + Sekunden;
    35. }
    37. Uhrzeitanzeige = Stunden + ":" + Minuten + ":" + Sekunden;
    39. if(document.getElementById)
    40. {
    41. document.getElementById("Uhrzeit").innerHTML = Uhrzeitanzeige
    42. }
    43. else if(document.all)
    44. {
    45. Uhrzeit.innerHTML = Uhrzeitanzeige;
    46. }
    48. setTimeout("UhrzeitAnzeigen()", 1000);
    49. }
    50. //-->
    51. </script>
    52. <title>Webserver Uhrzeit mit Javascript und PHP dynamisch anzeigen</title>
    53. </head>
    54. <body onLoad="UhrzeitAnzeigen();">
    55. Server Zeit: <span id="Uhrzeit"></span>
    56. </body>
    57. </html>
    Alles anzeigen

    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.
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von mue.chris ()

  • 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

    PHP-Quellcode

    1. <html>
    2. <head>
    3. <script language="JavaScript">
    4. <!--
    5. var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
    7. function UhrzeitAnzeigen()
    8. {
    9. if(!document.all && !document.getElementById)
    10. {
    11. return;
    12. }
    14. var Stunden = Serverzeit.getHours();
    15. var Minuten = Serverzeit.getMinutes();
    16. var Sekunden = Serverzeit.getSeconds();
    17. Serverzeit.setSeconds(Sekunden+1);
    19. if(Stunden <= 9)
    20. {
    21. Stunden = "0" + Stunden;
    22. }
    24. if(Minuten <= 9)
    25. {
    26. Minuten = "0" + Minuten;
    27. }
    29. if(Sekunden <= 9)
    30. {
    31. Sekunden = "0" + Sekunden;
    32. }
    34. Uhrzeitanzeige = Stunden + ":" + Minuten + ":" + Sekunden;
    36. if(document.getElementById)
    37. {
    38. document.getElementById("Uhrzeit").innerHTML = Uhrzeitanzeige
    39. }
    40. else if(document.all)
    41. {
    42. Uhrzeit.innerHTML = Uhrzeitanzeige;
    43. }
    45. setTimeout("UhrzeitAnzeigen()", 1000);
    46. }
    47. //-->
    48. </script>
    49. <title>Unsauber zusammen geklebte Codes</title>
    50. </head>
    52. <body onLoad="UhrzeitAnzeigen();">
    54. <div style="text-align: center;">
    55. Server Zeit:
    56. <?php
    57. $timestamp = time();
    58. $datum = date("d.m.Y",$timestamp);
    59. echo $datum," - ";
    60. ?>
    61. <span id="Uhrzeit"></span> Uhr
    62. </div>
    63. </body>
    64. </html>
    Alles anzeigen

    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 :D
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

  • @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:

    PHP-Quellcode

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

    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.
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

  • 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.
    ~ mfg SeBa

    Ich beantworte keine PMs zu Computer-/Programmierproblemen. Bitte wendet euch an das entsprechende Forum.

    [Blockierte Grafik: http://i.creativecommons.org/l/by-sa/3.0/80x15.png]

  • So in etwa:

    Quellcode

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

  • 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:

    Quellcode

    1. <?php
    2. $Javascriptzeit = date("Y, n, j, G, i, s");
    3. ?>
    4. <html>
    5. <head>
    6. <script language="JavaScript">
    7. <!--
    8. var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
    10. function DatumzeitAnzeigen()
    11. {
    12. if(!document.all && !document.getElementById)
    13. {
    14. return;
    15. }
    18. var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');
    19. var Wochentag = Wochentage[Serverzeit.getDay()];
    20. var Tag = Serverzeit.getDate();
    21. var Monat = Serverzeit.getMonth();
    22. var Jahr = Serverzeit.getFullYear();
    23. var Stunden = Serverzeit.getHours();
    24. var Minuten = Serverzeit.getMinutes();
    25. var Sekunden = Serverzeit.getSeconds();
    26. Serverzeit.setSeconds(Sekunden+1);
    28. if(Stunden <= 9)
    29. {
    30. Stunden = "0" + Stunden;
    31. }
    33. if(Minuten <= 9)
    34. {
    35. Minuten = "0" + Minuten;
    36. }
    38. if(Sekunden <= 9)
    39. {
    40. Sekunden = "0" + Sekunden;
    41. }
    43. Datumzeitanzeige = Wochentag + ', ' + Tag + '.' + Monat + '.' + Jahr + ' ' + Stunden + ':' + Minuten + ':' + Sekunden;
    45. if(document.getElementById)
    46. {
    47. document.getElementById("Datumzeit").innerHTML = Datumzeitanzeige
    48. }
    49. else if(document.all)
    50. {
    51. Datumzeit.innerHTML = Datumzeitanzeige;
    52. }
    54. setTimeout("DatumzeitAnzeigen()", 1000);
    55. }
    56. //-->
    57. </script>
    58. <title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
    59. </head>
    60. <body onLoad="DatumzeitAnzeigen();">
    61. Server Zeit: <span id="Datumzeit"></span> Uhr
    62. </body>
    63. </html>
    Alles anzeigen

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

    Edit:
    Naja ich habe Zeile 18 einfach etwas umgeschrieben.

    Quellcode

    1. var Wochentage = new Array('Donnerstag', 'Freitag', 'Samstag', 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch');
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von mue.chris ()

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

    Quellcode

    1. <script language="JavaScript">
    2. function kalenderwoche(datum){
    3. if(datum){
    4. Datum = datum
    5. Datum = Datum.split(".");
    6. tag1 = Datum[0];
    7. mon1 = Datum[1];
    8. yea1 = Datum[2];
    9. Datum = new Date(yea1,mon1-1,tag1);
    10. } else {
    11. Datum = new Date();
    12. }
    15. DoDat=donnerstag(Datum);
    16. kwjahr=DoDat.getFullYear();
    17. DoKW1=donnerstag(new Date(kwjahr,0,4));
    18. kw=Math.floor(1.5+(DoDat.getTime()-DoKW1.getTime())/86400000/7);
    19. return kw;
    20. }
    22. function donnerstag(datum) {
    23. var Do=new Date();
    24. Do.setTime(datum.getTime() + (3-((datum.getDay()+6) % 7)) * 86400000);
    25. return Do;
    26. }
    31. document.write("Kalenderwoche ");
    32. document.write(kalenderwoche());
    33. </script>
    Alles anzeigen

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

    Quellcode

    1. <?php
    2. $Javascriptzeit = date("Y, n, j, G, i, s");
    3. ?>
    4. <html>
    5. <head>
    6. <script language="JavaScript">
    7. <!--
    8. var Serverzeit = new Date(<?php echo$Javascriptzeit; ?>);
    10. function DatumzeitAnzeigen()
    11. {
    12. if(!document.all && !document.getElementById)
    13. {
    14. return;
    15. }
    18. var Wochentage = new Array('Donnerstag', 'Freitag', 'Samstag', 'Sonntag', 'Montag', 'Dienstag', 'Mittwoch');
    19. var Wochentag = Wochentage[Serverzeit.getDay()];
    20. var Tag = Serverzeit.getDate();
    21. var Monate = new Array ("Dezember","Januar","Februar","März","April","Mai","Juni","Juli","August","Septemper","Oktober","November");
    22. var Monat = Monate[Serverzeit.getMonth()];
    23. var Jahr = Serverzeit.getFullYear();
    24. var Stunden = Serverzeit.getHours();
    25. var Minuten = Serverzeit.getMinutes();
    26. var Sekunden = Serverzeit.getSeconds();
    27. Serverzeit.setSeconds(Sekunden+1);
    29. if(Stunden <= 9)
    30. {
    31. Stunden = "0" + Stunden;
    32. }
    34. if(Minuten <= 9)
    35. {
    36. Minuten = "0" + Minuten;
    37. }
    39. if(Sekunden <= 9)
    40. {
    41. Sekunden = "0" + Sekunden;
    42. }
    44. Datumzeitanzeige = Wochentag + ', ' + Tag + '. ' + Monat + ' ' + Jahr + ' - ' + Stunden + ':' + Minuten + ':' + Sekunden;
    46. if(document.getElementById)
    47. {
    48. document.getElementById("Datumzeit").innerHTML = Datumzeitanzeige
    49. }
    50. else if(document.all)
    51. {
    52. Datumzeit.innerHTML = Datumzeitanzeige;
    53. }
    55. setTimeout("DatumzeitAnzeigen()", 1000);
    56. }
    57. //-->
    58. </script>
    59. <title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
    60. </head>
    61. <body onLoad="DatumzeitAnzeigen();">
    62. Server Zeit: <span id="Datumzeit"></span> Uhr
    63. </body>
    64. </html>
    Alles anzeigen

    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"
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

  • 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:

    Quellcode

    1. <html>
    2. <head>
    3. <title>Serverzeit in JavaScript nutzen</title>
    4. <script type="text/javascript">
    5. // <![CDATA[
    6. function Serverzeit(date) {
    7. this.date = date;
    9. this.kalenderwoche = function() {
    10. var Datum = this.date;
    11. var DoDat = donnerstag(Datum);
    12. var kwjahr = DoDat.getFullYear();
    13. var DoKW1 = donnerstag(new Date(kwjahr,0,4)); // Anm. 2
    14. return Math.floor(1.5+(DoDat.getTime()-DoKW1.getTime())/86400000/7) // Anm. 3, 4
    15. };
    17. function donnerstag(datum) {
    18. var Do = new Date();
    19. Do.setTime(datum.getTime() + (3 - ((datum.getDay() + 6) % 7)) * 86400000);
    20. return Do;
    21. };
    23. this.update = function(dom_id) {
    24. var Datumsanzeige = "";
    25. var Wochentage = new Array('Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag');
    26. var Wochentag = Wochentage[this.date.getDay()];
    27. var Tag = this.date.getDate();
    28. var Monate = new Array("Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "Septemper", "Oktober", "November", "Dezember");
    29. var Monat = Monate[this.date.getMonth()];
    30. var Jahr = this.date.getFullYear();
    31. var Stunden = this.date.getHours();
    32. var Minuten = this.date.getMinutes();
    33. var Sekunden = this.date.getSeconds();
    34. this.date.setSeconds(Sekunden + 1);
    36. if (Stunden <= 9) {
    37. Stunden = "0" + Stunden;
    38. }
    40. if (Minuten <= 9) {
    41. Minuten = "0" + Minuten;
    42. }
    44. if (Sekunden <= 9) {
    45. Sekunden = "0" + Sekunden;
    46. }
    48. Datumzeitanzeige = Wochentag + ', ' + Tag + '. ' + Monat + ' ' + Jahr + ' - ' + Stunden + ':' + Minuten + ':' + Sekunden;
    49. Datumzeitanzeige = "Kalenderwoche: " + this.kalenderwoche() + " - " + Datumzeitanzeige;
    51. document.getElementById(dom_id).innerHTML = Datumzeitanzeige
    53. // recursion
    54. setTimeout(function(x, dom_id) {
    55. return function() {
    56. x.update(dom_id);
    57. };
    58. }(this, dom_id), 1000);
    59. };
    60. };
    61. // ]]>
    62. </script>
    63. <title>Datumzeit des Webservers mit Javascript und PHP dynamisch anzeigen</title>
    64. </head>
    65. <body onLoad="var x = new Serverzeit(new Date(<?php echo time() * 1000 ?>)); x.update('Datumzeit');">
    66. Server Zeit: <span id="Datumzeit"></span> Uhr
    67. </body>
    68. </html>
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Torben Brodt () aus folgendem Grund: kleine Fehlerkorrekturen

  • 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. ?(
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!

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

    Quellcode

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


    und das Array beginnt mit Januar statt Dezember:

    Quellcode

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


    zumindest das aktuelle Datum ist jetzt korrekt ;)

  • ändere Bitte noch Zeile 25

    Quellcode

    1. 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! :D 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.
    Dateien

    • Uhr.zip

      (976 Byte, 737 mal heruntergeladen, zuletzt: )
    Alles ist möglich. Unmögliches dauert nur etwas länger!
    Derjenige, der sagt: Das geht nicht, soll den nicht stören, der's gerade tut!