Artikel Datenbank Foren-Übersicht Artikel Datenbank
Computer - Internet - Multimedia
 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Datum und Uhrzeit für die Homepage

 
Neues Thema eröffnen   Neue Antwort erstellen    Artikel Datenbank Foren-Übersicht -> Java Script und Flash für die Homepage
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
GrayGhost
Site Admin


Anmeldedatum: 06.06.2007
Beiträge: 148
Wohnort: Achim (bei Bremen)

BeitragVerfasst am: 11.08.2007, 18:54    Titel: Datum und Uhrzeit für die Homepage Antworten mit Zitat

Datum und Uhrzeit für die Homepage

Dieses Javascript dient zur Anzeige der Uhrzeit, des Datums sowie des Wochentags. Ich habe den Code ausführlich durch Kommentare dokumentiert. Der Bodybereich zeigt, wie du die Informationen auf deiner Homepage ausgeben kannst. Ich möchte an dieser Stelle keine Anleitung zu HTML Tags geben. Dies wird in weiteren Artikeln geschehen. An dieser Stelle möchte ich nur die Angaben innerhalb der SPAN Tags erklären.

ID: legt fest, welcher Wert innerhalb des SPAN Tags angezeigt wird.
STYLE:
http://de.selfhtml.org/css/eigenschaften/schrift.htm
http://de.selfhtml.org/css/eigenschaften/positionierung.htm

VISIBILITY: Möglich sind "visible" und "hidden". Legt fest, ob die Ausgabe sichtbar oder unsichtbar ist. Du kannst darüber z.B. Die Ausgabe des Wochentags ausschalten, ohne das SPAN Tag zu entfernen.



Code:
<html>
<HEAD>
<TITLE>ActiZeit</TITLE>

<SCRIPT language=JavaScript>

function clock() {

   var Zeit   = new Date();
   var Stunden   = Zeit.getHours();
   var Minuten   = Zeit.getMinutes();
   var Sekunden   = Zeit.getSeconds();
   var Tag      = Zeit.getDate();
   var Monat   = Zeit.getMonth()+1;
   var Jahr   = Zeit.getFullYear();
   var Wochentag   = Zeit.getDay();

//Definition der Wochentage. Wenn du lieber Sonnabend in der Anzeige haben willst, oder eine andere Sprache wünscht, dann ändere dieses Array
   var Wochentage = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
   
//Ab Mitternacht, bis 1:00 Uhr werden zwei Nullen angezeigt
   if (Stunden == 0) Stunden = "00";
   
//Sind die Stunden einstellig, so wird eine führende 0 eingefügt
   if (Stunden <= 9 && Stunden != "00") Stunden = "0" + Stunden;
   
//Sind die Minuten einstellig, so wird eine führende 0 eingefügt
   if (Minuten <= 9) Minuten = "0" + Minuten;
   
//Sind die Sekunden einstellig, so wird eine führende 0 eingefügt
   if (Sekunden <= 9) Sekunden = "0" + Sekunden;
   
//Ist der Tag einstellig, so wird eine führende 0 eingefügt
   if (Tag <= 9) Tag = "0" + Tag;
   
//Ist der Monat einstellig, so wird eine führende 0 eingefügt
   if (Monat <= 9) Monat = "0" + Monat;

//Stunden, Minuten und Sekunden werden durch einen Doppelpunkt geteilt   
   var TZeit = Stunden + ":" + Minuten + ":" + Sekunden;
   
//Tag, Monat und hahr werden durch einen Punkt geteilt   
   var TDatum = Tag + "." + Monat + "." + Jahr;

//Hier gibt es keine besondere Definition
   var TTag = Wochentage[Wochentag];

//Hier werden die Namen für die ID Tags des HTML Bodys festgelegt
   Uhrzeit.innerHTML = TZeit;
   Datum.innerHTML = TDatum;
   WTag.innerHTML = TTag;

//Definition der Update Zeit. 1000 bedeutet 1000 Millisekunden. Damit wird die Uhr jede Sekunde aktualisiert
   setTimeout("clock()", 1000);

   }

 </SCRIPT>
</HEAD>

<BODY style="BACKGROUND-IMAGE: none; CURSOR: default; BACKGROUND-COLOR: #cccc00" scroll=no onload=clock()>

<SPAN id=Uhrzeit style="FONT-WEIGHT: bold; FONT-SIZE: 20px; LEFT: 15px; VISIBILITY: visible; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Tahoma; POSITION: absolute; TOP: 5px">12:53:51</SPAN>

<SPAN id=Datum style="FONT-WEIGHT: normal; FONT-SIZE: 20px; LEFT: 15px; VISIBILITY: visible; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Tahoma; POSITION: absolute; TOP: 35px">20.03.2003</SPAN>

<SPAN id=WTag style="FONT-WEIGHT: normal; FONT-SIZE: 20px; LEFT: 15px; VISIBILITY: visible; COLOR: #666666; FONT-STYLE: normal; FONT-FAMILY: Tahoma; POSITION: absolute; TOP: 65px">Donnerstag</SPAN>

</BODY>
</html>


MfG
Erhard Olszok aka GrayGhost
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen Yahoo Messenger
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Artikel Datenbank Foren-Übersicht -> Java Script und Flash für die Homepage Alle Zeiten sind GMT
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de