Wie man eine Uhr in HTML

Kommerzielle Web-Development-Pakete werden häufig mit speziellen Werkzeugen verpackt, die Entwickler zum Erstellen von Websites mit einer Vielzahl von Glocken und Pfeifen zur Verbesserung der visuellen Reiz jeder Seite mit Minimum an manuelle Codierung zu ermöglichen. Entwickler, die lieber des praktischen Pfad für Seitenerstellung und bietet die verstärkte Kontrolle HTML-Codierung, auffälligen berührt, wie ein Uhrwerk, das automatisch aktualisiert, ohne Neuladen der Seite hinzufügen nicht unbedingt bedeuten HTML zu Gunsten einer anderen Codierung Methode löschen. Vermehren strengen HTML mit Segmenten von JavaScript kann fast jede kreative Aufgabe, die Sie anzeigen möchten.

Anweisungen

1 Öffnen Sie die Seite HTML-Quellcode-Datei in einem Programm oder Text-Editor.

2 Suchen Sie die Position auf der Seite, wo Sie die Uhr platzieren möchten.

3 Fügen Sie den folgenden Code in Abschnitt < Body > Ihrer HTML-Datei:

< Skript-Typ = "Text/Javascript" >

Funktion GetClock() {}

d = new Date();

nHour = d.getHours();

Nmin = d.getMinutes();

Wenn (Nmin < = 9) {Nmin = "0" + Nmin}

Document.getElementById('clockbox').innerHTML = ""+ Nhour +":"+ Nmin +"";

setTimeout("GetClock()", 1000);

}

Window.OnLoad=GetClock;

< / script >

< Div Id = "Clockbox" >< / Div >

4 Speichern Sie die Änderungen an der Quelldatei, und schließen Sie den Editor.

Tipps & Warnungen

• Dieses einfache Stück Code zeigt die aktuelle Uhrzeit in ein digitales 24-Stunden-Format und zeigt automatisch die aktualisierte Zeit ungefähr Minute. Die Verwendung von setTimeout(1000) nutzt Taktfrequenz des Prozessors um die Aktualisierungsrate zu bestimmen. Dies variiert leicht mit Typ und Geschwindigkeit des Prozessors.
• Die Größe, die Schriftart und die Farbe der angezeigten Uhr können durch Eingabe von HTML Anzeigewerte innerhalb des Tags < Div > geändert werden.