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,
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:
das mit den +1900 ist übrigens dank getFullYear seit einigen Jahren nicht mehr nötig
katy
<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:
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
Dein Skript reicht völlig aus, weil ich die Uhrzeit sowieso in mein CMS-Template einbinden werde