• Nee so geht das nicht ,wenn so dann überhaupt

    Code
    <script>uhr.innerHTML=new Date();</script>

    Aber damit gibst du Uhr und Datum aus was so aussieht

    Code
    Sat Mar 03 2018 03:24:41 GMT+0100 (Mitteleuropäische Zeit)

    Ich gehe mal von aus das du eine Uhr Zeit brauchst dann macht man es zb so

    Code
    <div id="uhr1"></div>
    <script>var jetzt = new Date();         
     var Stunde = jetzt.getHours();          
    var Std = ((Stunde < 10) ? "0" + Stunde : Stunde);         
     var Minuten = jetzt.getMinutes();          
    var Min = ((Minuten < 10) ? "0" + Minuten : Minuten);          
    var Sek = jetzt.getSeconds();          
    var SekA = ((Sek < 10) ? "0" + Sek : Sek);          
    uhr1.innerHTML = '<br>'+Std+':'+Min+':'+SekA+' Uhr';</script>

    Das sieht dann zb so 12:54:54 Uhr

    Und wenn deine Uhr auch laufen soll dann machst du es so

    Code
    <div id="uhr2"></div>
    <script> setInterval(function uhr(){ 
     var jetzt = new Date();          
    var Stunde = jetzt.getHours();          
    var Std = ((Stunde < 10) ? "0" + Stunde : Stunde);          
    var Minuten = jetzt.getMinutes();          
    var Min = ((Minuten < 10) ? "0" + Minuten : Minuten);          
    var Sek = jetzt.getSeconds();          
    var SekA = ((Sek < 10) ? "0" + Sek : Sek);         
     uhr2.innerHTML = '<br>'+Std+':'+Min+':'+SekA+' Uhr';  },1000);</script>

    Fals du aber eine analoge Uhr haben willst wird es etwas komplizierter. Ist aber kein Problem da gibt es auch viele Beispiele im Netz

  • Eine analoge runde Uhr mit leicht zu verstehenden Javascriptcode hätte ich gerne.Alles was ich gefunden habe verstehe ich nicht.Genau so wie mit diesen Code da hatte ich es ja auch falsch gemacht.

  • Eine analoge runde Uhr mit leicht zu verstehenden Javascriptcode hätte ich gerne.Alles was ich gefunden habe verstehe ich nicht.Genau so wie mit diesen Code da hatte ich es ja auch falsch gemacht.

    Nicht an bereits fertigen Sachen rumnagen:


    Fertige Uhr: https://css-tricks.com/examples/CSS3Clock/


    Und der Artikel zum selbst machen: https://css-tricks.com/css3-clock/


    PS: Habe nicht mal eine Minute gebraucht, um das zu finden! Google ist des programmierers bester Freund!

  • Danke!

    Hammer geile Uhr aber verstehe ich auch nicht.Kann mir mal einer den ganzen Code für die Uhr fertig zeigen? Ich bekomme es trotz Anleitung nicht hin.

  • Hammer geile Uhr aber verstehe ich auch nicht.Kann mir mal einer den ganzen Code für die Uhr fertig zeigen? Ich bekomme es trotz Anleitung nicht hin.

    Dann würdest Du ja nichts lernen.


    Habe mir das jetzt mal durchgelesen. Wo hackt es denn bei dir?

    Beim HTML, CSS, oder JQuery?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!