Forum
Tipps
News
Frage stellen
search
Menu-Icon
search

Webmaster: Uhrzeit anzeigen mit Javascript


  1. Computerhilfen
    2. ›
  2. Info
    3. ›
  3. Webmaster

danke
15 Leser haben sich bedankt
Bewerten
1 Stern2 Sterne3 Sterne4 Sterne5 Sterne (Durchschnitt: 4,67 von 5 – 3 Stimme(n)) - Fehler: Nicht angemeldet!
Loading...

Aktuelle Uhrzeit anzeigen: Diese kleine Javascript-Funktion sorgt dafür, dass in einem frei plazierbaren Bereich auf der Webseite die Uhrzeit angezeigt wird. Der Artikel ist für unseren Smart-Home Bereich gedacht, um die aktuelle Uhrzeit auf einem Info-Display zuhause anzuzeigen – trotzdem kann man die Uhrzeit so auch auf jeder anderen Webseite anzeigen!

Das Skript: Hier zeigen wir als Beispiel, wie man eine gesamte, kleine Webseite hat, die zum Beispiel als <iframe> eingebunden werden kann. Möchte man die Uhrzeit in eine bereits bestehende Webseite einbauen, reicht es, wenn man nur den Skript-Teil und das Zeit-DIV oben kopiert:

<div id="zeit"></div>

Der Inhalt dieses DIV-Elements wird regelmäßig mit der Uhrzeit aktualisiert, so dass diese dort immer passend angezeigt wird.

Mit CSS Befehlen lässt sich das Element überall auf der aktuellen Seite platzieren, außerdem lassen sich bequem Farbe und Schriftart + Schriftgröße anpassen (wie das geht, zeigen wir hier!)

Wer die Uhrzeit nicht auf einer bestehenden Webseite einfügen möchte, sondern die gesamte HTML-Datei benötigt, kann den folgenden Code komplett kopieren und abspeichern. Er lässt sich dann zum Beispiel als <iframe> einbauen:

<iframe src="uhrzeit.html" border="0" frameborder="0" scrolling="no">

 

Uhrzeit mit Javascript: Der komplette Code

<html>	
<body>
<div id="zeit"></div>

<script language="javascript" type="text/javascript">
	
window.setInterval("datum()",36000);

function datum() {
	var zeit = new Date ();
	var stunde = (zeit.getHours() < 10 ? '0' + zeit.getHours() : zeit.getHours());
	var minute = (zeit.getMinutes() < 10 ? '0' + zeit.getMinutes() : zeit.getMinutes());
	var sekunde = (zeit.getSeconds() < 10 ? '0' + zeit.getSeconds() : zeit.getSeconds());
	document.getElementById("zeit").innerHTML = ' '
	+ stunde + ':' + minute;
}

datum();	
</script>

</body>
</html>

 
Sollen neben Minute und Stunde auch noch die Sekunden angezeigt werden, muss das Skript häufiger aufgerunden werden, damit die Anzeige der Sekunden auch richtig funktioniert: Dazu ändert man diese Zeile:

window.setInterval("datum()",36000);

in:

window.setInterval("datum()",1000);

Anschließend muss noch die Zeile:

+ stunde + ':' + minute;

in:

+ stunde + ':' + minute + ':' + sekunde;

geändert werden, um auch die Sekunden fortlaufend anzuzeigen.



Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!





Ähnliche Fragen:

» Top Tipps: Diese Tipps sind heute beliebt
Passende Wörter im Lexikon:
Javascript
JavaScript ist eine weit verbreitete Skriptsprache, die ursprünglich von Netscape für das DOM-Scripting für Webseiten entwickelt wurde. Sie hat sich seitde...



Mehr Tipps zu Webmaster: Uhrzeit anzeigen mit Java...


© Computerhilfen.de (27913x gelesen)
Webmaster: Uhrzeit anzeigen mit Javascript