Wie erstelle ich eine Digitaluhr?

Video: Wie erstelle ich eine Digitaluhr | DIY 7-Segment-Digitaluhr | Atmega328 Digitaluhr

Inhalt

Anweisungen
Wie
Referenzen

Wenn Sie noch kein ideales Digitaluhrmodell gefunden haben, können Sie Ihr eigenes mit der Programmiersprache HTA erstellen. Mit den von Internet Explorer bereitgestellten Funktionen integriert diese Sprache alle HTML- und JavaScript-Funktionen in Ihren Desktop. Entwickler können Digitaluhren mit ein paar Zeilen JavaScript zu Webseiten hinzufügen. Mit der HTA-Sprache können jedoch benutzerdefinierte Vorlagen mit CSS-Eigenschaften erstellt werden.

Anweisungen

Es ist keine physische Uhr erforderlich, um die Uhrzeit zu kennen (Martin Poole / Fotodisc / Getty Images)

Öffnen Sie den Editor und fügen Sie die folgende Anweisung in Ihr neues Dokument ein:

HTA-Test

type = "text / css"> .clockStyle {Rand: dick gepunktetes Blau; Hintergrundfarbe: # FFFF00; Breite: 100px; Höhe: 20px; Text ausrichten: Mitte; }
Der Abschnitt "style" dieses Codes, der am Ende angezeigt wird, definiert die Klasse mit dem Namen "clockStyle". Diese Klasse bestimmt das Erscheinungsbild der Uhr. Zum Beispiel fügen die Attribute der Umrandung eine blau umrandete Umrandungslinie ein. Der Hintergrund ist gelb. Breiten- und Höhenparameter kennzeichnen die Pixelauflösung des Objekts.
Fügen Sie den folgenden JavaScript-Block unter dem Code aus dem vorherigen Schritt hinzu:

Beachten Sie die Variablen "windowWidth" und "windowHeight" oben im Code. Sie steuern die Größe des Fensters, das die Digitaluhr enthält. Ändern Sie diese Werte auf beliebige Weise.
Fügen Sie den folgenden Code unter dem im letzten Abschnitt beschriebenen Code hinzu:

>

Dadurch wird das Element "div" erstellt, dh der Hauptteil der Uhr. Das Attribut Ihrer Klasse verweist auf die zuvor beschriebene CSS-Stildeklaration.
Drücken Sie gleichzeitig "Strg" und "S" und geben Sie "DigitalClock.hta" in das Feld "Dateiname" ein, das im Fenster "Speichern unter" angezeigt wird. Klicken Sie auf "Speichern", um den Dateinamen zu speichern.
Öffnen Sie den "Windows Explorer" und suchen Sie die Datei. Doppelklicken Sie auf die Datei, um die Digitaluhr anzuzeigen.

Wie

Passen Sie die Uhr an, indem Sie die CSS-Eigenschaften im Abschnitt "Stil" des Dokuments ändern. Um beispielsweise den Hintergrund in Rosa zu ändern, ersetzen Sie "Gelb" im Code durch "Rosa". Normalerweise aktualisieren die Uhren jede Sekunde die Anzeige. Um die Aktualisierungsrate zu ändern, ändern Sie "1000" im Code in einen anderen Wert, z. B. 2000. Dadurch wird die Uhr alle zwei Sekunden geändert.