Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Computerfreaki vom 01.06.2020, 08:44 Options

Sekunden bei Javascript-Uhrzeit automatisch aktualisieren

Hallo alle zusammen,
wollte meiner Homepage eine Uhr hinzufügen.
Bin auch schon weit gekommen:


<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>

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 schreiben

Antwort 1 von katy vom 01.06.2020, 20:13 Options

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 vom 01.06.2020, 20:50 Options

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

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken