3 days ago

New Year Clock



Zum zünftigen Einläuten des neuen Jahres braucht es einen Countdown. Dieser lässt sich einfach in HTML, CSS und etwas JavaScript erstellen.

Wenn ihr gerne im richtigen Moment anstossen möchtet oder es euch einfach nur interessiert, wann das neue Jahr beginnt, dann könnt ihr euch mit etwas HTML und JavaScript einen eignen Countdown zusammenstellen.

Als Vorlage kann die New Year Clock dienen, dessen Quelltext ihr auf Codeberg findet.

Die Countdown-Uhr wurde mit JavaScript erstellt und wenn ich alles richtig gemacht habe, dann zeigt sie einen Countdown bis zum neuen Jahr an. Sie ist dafür gedacht, auf einem großen Bildschirm oder Projektor angezeigt zu werden, damit alle Gäste Ihrer Feier gemeinsam den Countdown sehen können.

Zur Berechnung der verbleibenden Zeit wird die Uhr des Computers herangezogen, auf dem die Uhr ausgeführt wird. Dies bedeutet im Gegenzug, dass, wenn die Uhr deines Computers nicht korrekt eingestellt ist, auch der Countdown nicht korrekt angezeigt wird. Wie du die Uhr deines Linux-Systems richtig einstellst, erkläre ich in meinem Video.

Die Nutzung der Uhr ist ganz einfach: Klicke einfach auf der Startseite auf „UHR ANZEIGEN“ und passe die Schriftgröße an. Dazu findest du in der oberen linken Ecke einige voreingestellte Größen sowie Optionen zur schrittweisen Anpassung. Wähle die größte Größe aus, die noch auf den Bildschirm passt. Mit den Anpassungsoptionen kannst du die Schriftgröße in Schritten von 5 erhöhen oder verringern.

Du kannst auch noch den Vollbildmodus deines Browser aktivieren. Bei den meisten Browsern erfolgt dies durch drücken von F11.

Genieße den Countdown und feiere den Jahreswechsel mit Stil!

New Year Clock auf SpacFun.ch: https://www.spacefun.ch/newyearcountdown/


GNU/Linux.ch ist ein Community-Projekt. Bei uns kannst du nicht nur mitlesen, sondern auch selbst aktiv werden. Wir freuen uns, wenn du mit uns über die Artikel in unseren Chat-Gruppen oder im Fediverse diskutierst. Auch du selbst kannst Autor werden. Reiche uns deinen Artikelvorschlag über das Formular auf unserer Webseite ein.
Gesamten Artikel lesen

© Varient 2025. All rights are reserved