Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: Eine ganz tolle Uhr mit Zeit, Datum und Tag

  1. #1
    Youngster
    Registriert seit
    30.07.2006
    Ort
    Frankfurt am Main
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Eine ganz tolle Uhr mit Zeit, Datum und Tag

    Liebe Forum-Mitglieder,
    damit ich hier nicht nur immer Infos und Hilfe sauge, möchte ich euch noch ein ganz tolles JScript für eine funktionierende!!!! Uhr mit Zeit, Datum und Wochentag vorstellen. Ich habe es selbst ausprobiert, es läuft hervorragend. Funktioniert gut beim aktiven Desktop. Die Farben lassen sich nach Belieben ändern, genau so wie die Größe.
    Liebe Grüße
    Euer
    hexlein


    <html>
    <head><title>Uhr</title>
    <script language="JScript" type="text/jscript">
    var Wochentagname =
    new Array("Sonntag","Montag","Dienstag","Mittwoch","Do nnerstag","Freitag","Samstag");
    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;

    document.all.Uhr.innerHTML = Datum + " (" + Wochentagname[WoTag] + ")
    " + Uhrzeit;
    window.setTimeout("ZeitAnzeigen()",1000);
    }

    </script>
    </head>
    <body background="green">
    <p id="Uhr" style="font-family:Verdana; font-size:24pt;
    font-weight:bold; color:white; text-align:right;")</p>
    <script language="JScript" type="text/jscript">
    <!--
    window.setTimeout("ZeitAnzeigen()",1000);
    //-->
    </script>
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Sanda
    Gast

    Standard

    also... bei mir funktioniert die uhr leider nicht......................

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    30.07.2006
    Ort
    Frankfurt am Main
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Uhr

    Liebe Sanda,

    die Uhr funktioniert leider nur im Internet Explorer und als active desktop Uhr, dies vergass ich zu schreiben. http://www.testseite5.studium-suppor...avascript.html Auf diesem Link kannst du sie dir anschauen. Sorry!
    Liebe Grüsse
    hexlein

  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Anmerkung.
    Scripte die nur in bestimmten browsern funktionieren sollte man nicht benutzen.
    Sollte man das für alle browser machen wollen, kann man ein input feld definieren, das keinen border hat und die gleiche bg farbe und die zeit dort hineinshreiben lassen.

  5. #5
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich habe das ganze mal so angepasst, dass es in allen Browsern arbeiten sollte.

    Aus dem Quelltext müsst ihr den markierten Teil entfernen.

    ansehen - Quelltext - mitnehmen
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  6. #6
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    so kann mans auch machen

  7. #7
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also ist niemandem ausser mir aufgefallen, dass im Firefox bis grade ebend "106" als Jahreszahl angezeigt wurde? *fg*
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  8. #8
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    man ersetze: document.all.Uhr.innerHTML


    zu etwas mit document.getElementById dann geht es überall (-;

  9. #9
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    FireFox kennt innerHTML nur für den body Tag (laut selfhtml)

    ich habe meine Änderung oben nun so angepasst wie von GreenRover vorgeschlagen. Der IE zeigt das ganze zwar noch immer an, FireFox leider nicht.

    innerHTML kennt FireFox aber auch - sofern man document.all.<ID>.innerHTML benutzt.
    (Siehe Kommentare im Javascript)
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  10. #10
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ähmm du es gehtz auch mit elementById

    hier der beweis:

    Code:
    <html>
    <head><title>Uhr</title>
    <script language="javascript" type="text/javascript">
    
    var Wochentagname = new Array&#40;"Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"&#41;;
    function ZeitAnzeigen&#40;&#41;
    &#123;
     var Jetzt = new Date&#40;&#41;;
     var Tag = Jetzt.getDate&#40;&#41;;
     var Monat = Jetzt.getMonth&#40;&#41; + 1;
     var Jahr = Jetzt.getYear&#40;&#41;;
     var Stunden = Jetzt.getHours&#40;&#41;;
     var Minuten = Jetzt.getMinutes&#40;&#41;;
     var Sekunden = Jetzt.getSeconds&#40;&#41;;
     var WoTag = Jetzt.getDay&#40;&#41;;
     var Vortag = &#40;&#40;Tag < 10&#41; ? "0" &#58; ""&#41;;
     var Vormon = &#40;&#40;Monat < 10&#41; ? ".0" &#58; "."&#41;;
     var Vorstd = &#40;&#40;Stunden < 10&#41; ? "0" &#58; ""&#41;;
     var Vormin = &#40;&#40;Minuten < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
     var Vorsek = &#40;&#40;Sekunden < 10&#41; ? "&#58;0" &#58; "&#58;"&#41;;
     var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
     var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
    
     document.getElementById&#40;'Uhr'&#41;.innerHTML = Datum + " &#40;" + Wochentagname&#91;WoTag&#93; + "&#41;
    " + Uhrzeit;
    &#125;
    
    </script>
    </head>
    <body onLoad="window.setInterval&#40;'ZeitAnzeigen&#40;&#41;',1000&#41;;">
    <p id="Uhr"></p>
    </body>
    </html>
    wer alle unterschiede findet bekommt ein küsschen :-p


    Nachtrag: innerHTML kann wohl jeder Browser bloß innerTEXT giebt recht probs...

Ähnliche Themen

  1. Eine Ganz EInfache HP
    Von GhostFace im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 26.04.2007, 17:36
  2. eine ganz normale hp bauen
    Von Mustralamann im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 07.02.2007, 10:04
  3. Eine tolle Community
    Von SüßeMietze im Forum Link Tipps
    Antworten: 5
    Letzter Beitrag: 28.12.2004, 18:55
  4. Wie bekomme Ich eine Welt Zeit Uhr auf meiner Homepage
    Von Forum User im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 07.07.2004, 19:55
  5. Eine kleine Weihnachtsgeschichte (außerhalb der Zeit) *g*
    Von Carolyn im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 0
    Letzter Beitrag: 11.06.2003, 23:29

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •