• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Datum und Uhrzeit in HTML-Dokument einbinden

Status
Für weitere Antworten geschlossen.
D

dieSavvy

Neues Mitglied
Hallo!
Ich möchte auf meiner Homepage die Uhrzeit angezeigt haben. Ich glaube mit JavaScript geht das da am besten. Ich suche nun schon seit drei Stunden oder so im Internet, finde aber einfach nichts passendes oder komme mit der Erklärung nicht klar.

Es sollte zum Beispiel so Aussehen:
21.07.07, 03:47 Uhr

Weiße Schrift, Schriftgröße 9px (also ziemlich klein), Schriftart Verdana, Uhrzeit und Datum nebeneinander durch ein Komma getrennt.
Bin in sowas eher Anfängerin, kann mir jemand da nen genauen Code schreiben/ von wo anders kopieren?
 
Werbung:
das in den <head>:
Code: 
<script type="text/javascript">
    //<![CDATA[
        function uhr() {
            //Ab hier wird das Datum gebildet
            var jetzt = new Date();
            var tag = jetzt.getDate();
            var monat = jetzt.getMonth() + 1;
            if(monat <= 9)
                monat = '0' + monat;
            var jahr = jetzt.getYear();
            if (jahr < 999)
                jahr += 1900;
            var stunden = jetzt.getHours();
            var minuten = jetzt.getMinutes();
            
            //Hier werden die Einzelteile zusammengesetzt
            var zeit = tag + '.' + monat + '.' + jahr + ', ' + stunden + ':' + minuten + ' Uhr';    
            
            //Und hier wird das Aussehen festgelegt und alles ins Dokument geschrieben
            document.getElementById('uhr').style.display = 'inline;';    //Art des Elements
            document.getElementById('uhr').style.font = '9px Verdana;';    //Schriftgröße und -art
            document.getElementById('uhr').style.color = '#AAA;';        //Schriftfarbe
            document.getElementById('uhr').innerHTML = zeit;
        }
    //]]>
</script>
<body> um folgendes ergänzen:
Code: 
<body onload="uhr();">
und das da einfügen wo das Datum/die Uhrzeit angezeigt werden soll
Code: 
<div id="uhr" style="display:none;"></div>
Ich denke das erklärt sich mehr oder weniger von selbst
 
Moin!

Oder vielleicht so!?
Code: 
<html>
<head>
<title>Test</title>
<style type="text/css">
.Uhr { font-family:Verdana; font-size:9pt; color:white; }
</style>
<script language="JavaScript">
<!--
window.setTimeout("ZeitAnzeigen()",1000);
function ZeitAnzeigen()
{
 var Jetzt = new Date(); var Tag = Jetzt.getDate();
 var Monat = Jetzt.getMonth() + 1; var Jahr = Jetzt.getYear();
 var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes();
 var Sekunden = Jetzt.getSeconds(); var WoTag = Jetzt.getDay();
 var Vortag  = ((Tag < 10) ? "0" : "");
 var Vormon  = ((Monat < 10) ? ".0" : ".");
 var Vorstd  = ((Stunden < 10) ? "0" : "");
 var Vormin  = ((Minuten < 10) ? ":0" : ":");
 var Vorsek  = ((Sekunden < 10) ? ":0" : ":");
 var Datum = Vortag + Tag + Vormon + Monat  + "." + Jahr;
 var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
 var Gesamt = Datum + ", " + Uhrzeit + " Uhr";
 if(document.all)
   document.all.MicrosoftUhr.innerHTML = Gesamt;
 else if(document.layers)
  {
   document.NetscapeUhr.document.open();
   Gesamt = '<span class="Uhr")>' + Gesamt + '</span>';
   document.NetscapeUhr.document.write(Gesamt);
   document.NetscapeUhr.document.close();
  }
 window.setTimeout("ZeitAnzeigen()",1000);
}
// -->
</script>
</head>
<body bgcolor="#000000">
<div id="MicrosoftUhr" class="Uhr"></div>
<layer id="NetscapeUhr"></layer>
</body>
</html>

[EDIT]
Upps, da war einer schneller. Meiner sollte aber funktionieren!

MfG Speedy
 
Zuletzt bearbeitet:
Werbung:
Aber mal ne andere Frage:
Wieso nicht einfach mit PHP? Das geht doch direkt in einer Zeile:

PHP: 
echo date("d.m.Y, G:i", time())." Uhr";


MfG Icy
 
Werbung:
Weil sich diese Uhr net jede Sekunde aktualisiert, denk ich mal :p, und sie wahrscheinlich kein Php hat.

Ich hätte auch die Uhrzeit mir Php erstellt und dann mit Javascript aktualisert, aber das ist wahrscheinlich zu kompliziert.

MfG

Web_spider
 
Was bitteschön hatt denn jetzt schon wieder ajax damit zu tun?
Warum sollte ich jede Sekunde im Hintergrund eine PHP Datei nachladen, um die Uhr zu synchronisieren? Das ist eine viel zu hohe Belastung, da kann man es gleich mit JavaScript auf der Seite aktualisieren...
 
Werbung:
Mit PHP kenne ich mich ehrlichgesagt kein bisschen aus. Ich hatte paarmal von anderen Seiten nen PHP-code für Uhrzeit und Datum in mein HTML-Dokument kopiert, hat aber nicht geklappt. Muss da nicht auch irgendwie das Web-dings PHP installiert haben oder sowas? Keine AHnung, aber mit JavaScript hab ichs jetzt genau so wie ichs haben wollte :) Danke nochmal.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben