Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Sekunden bei Javascript-Uhrzeit automatisch aktualisieren





Frage

Hallo alle zusammen, wollte meiner Homepage eine Uhr hinzufügen. Bin auch schon weit gekommen: [code] <script type="text/javascript"> 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 NachVoll = ((Minuten < 10) ? ":0" : ":"); if (Jahr < 2000) Jahr = Jahr + 1900; document.write("Heute ist der " + Tag + "." + Monat + "." + Jahr + ". Es ist jetzt " + Stunden + NachVoll + Minuten + Sekunden +" Uhr"); </script> [/code] Jetzt ist das aber so das sich die Sekunden nicht bewegen. D.H. ich muss die Seite immer wieder neu laden. Gibts da irgendne Möglichkeit die Sekunden fließend anzuzeigen ???

Antwort 1 von katy

Hallo Computerfreaki,

<script type="text/javascript">
function uhr() {
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1;
var Jahr = Jetzt.getFullYear();
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
document.getElementById("uhr").innerHTML="Heute ist der " + Tag + "." + Monat + "." + Jahr + ". Es ist jetzt " +
               Stunden + NachVoll + Minuten + Sekunden +" Uhr";
}
window.setInterval("uhr()", 1000)
</script>


also:
  • was wiederholt werden soll in eine Funktion schreiben
  • document.write ersetzen durch innerHTML. write funktioniert ausschließlich während des Landes der Seite, danach kannst du es nicht mehr verwenden (und in XHTML gar nicht)
  • mit window.setInterval() die Funktion regelmäßig aufrufen

    du brauchst natürlich ein Element mit der ID "uhr", das die Uhrzeit beinhalten soll, zB einen Absatz:
    <p id="uhr">Hier kommt gleich die aktuelle Systemzeit</p>


    das mit den +1900 ist übrigens dank getFullYear seit einigen Jahren nicht mehr nötig

    katy

  • Antwort 2 von Computerfreaki

    Achso ja das mit dem 1900+ hab ich von SelfHTML.
    Dein Skript reicht völlig aus, weil ich die Uhrzeit sowieso in mein CMS-Template einbinden werde

    Ich möchte kostenlos eine Frage an die Mitglieder stellen:


    Ähnliche Themen:


    Suche in allen vorhandenen Beiträgen: