Tage bis Weihnachten

So funktioniert das Script

Das Script läuft genau einmal ab, wenn die Seite geladen wird, und erledigt dabei drei Schritte: Es baut sich das Zieldatum, es rechnet den Abstand in Tage um, und es sucht in einer Kette von Bedingungen den passenden Satz dazu heraus. Alles steckt in einer sofort ausgeführten Funktion, damit die Variablennamen nicht mit anderen Scripts auf der Seite kollidieren.

const heute = new Date();
const jahr = heute.getFullYear();
const weihnachten = new Date(jahr, 11, 25); // 11 = Dezember

new Date() ohne Angaben liefert den aktuellen Zeitpunkt mit Datum und Uhrzeit. getFullYear() holt daraus die vierstellige Jahreszahl. Damit wird das Zieldatum gebaut — und hier ist die berüchtigte Stolperfalle: JavaScript zählt Monate ab 0, Dezember ist also die 11. Das Originalscript umging das mit dem englischen Text "December 25, " + jahr; darauf sollte man sich nicht verlassen, weil das Einlesen von Datumstexten je nach Browser unterschiedlich ausfällt. Die Zahlenschreibweise ist eindeutig. Nebenbei ist auch das alte getYear() verschwunden, das je nach Browser mal 2026 und mal 126 lieferte und deshalb im Original umständlich korrigiert werden musste.

const differenz = weihnachten.getTime() - heute.getTime();
const tage = Math.floor(differenz / (1000 * 60 * 60 * 24));

getTime() gibt einen Zeitpunkt als reine Zahl aus: die Millisekunden seit dem 1. Januar 1970, dem sogenannten Nullpunkt der Computerzeitrechnung. Zwei solche Zahlen lassen sich einfach voneinander abziehen. Geteilt wird anschließend durch die Millisekunden eines Tages, also 1000 * 60 * 60 * 24 — man hätte auch 86400000 hinschreiben können, aber so ist auf einen Blick zu sehen, wie die Zahl zustande kommt. Math.floor rundet ab.

Wichtig für das Verständnis der folgenden Sätze: Verglichen wird der aktuelle Zeitpunkt mit Uhrzeit gegen den 25. Dezember um Mitternacht. Am 24. Dezember liegt also weniger als ein voller Tag dazwischen, tage ist dann 0. Am 23. Dezember ist es eine 1, am 25. Dezember eine −1.

if (tage > 1) {
  text = "Es sind noch " + (tage + 1) + " Tage bis zum Weihnachtsfeiertag!";
} else if (tage === 1) {
  text = "Morgen ist Heiligabend!";
} else if (tage === 0) {
  text = "Heute ist Heiligabend!";
}

Eine if-else if-Kette arbeitet die Fälle von oben nach unten ab und hört beim ersten Treffer auf. Das + 1 im ersten Satz gleicht die abgeschnittenen Stunden wieder aus: Am 22. Dezember ist tage gleich 2, gemeint sind aber die drei Tage bis zum 25. Die drei Gleichheitszeichen prüfen streng auf Wert und Typ; in JavaScript ist das dem einfachen == immer vorzuziehen.

text = "Der erste Weihnachtsfeiertag war vor " + ((tage + 1) * -1) +
  (tage < -2 ? " Tagen" : " Tag") + " in diesem Jahr!";

Nach dem Fest wird tage negativ, deshalb dreht * -1 das Vorzeichen wieder um. Der letzte Baustein löst das Sprachproblem: Das Fragezeichen-Doppelpunkt-Konstrukt ist eine Kurzschreibweise für „wenn … dann … sonst …" und wählt zwischen „Tag" und „Tagen" — so entsteht kein „vor 1 Tagen".

ausgabe.textContent = text;

Am Ende landet der fertige Satz per textContent in der Ausgabefläche. Das Original schrieb ihn noch mit document.write() direkt in den Seitenfluss — das funktioniert nur, solange die Seite gerade aufgebaut wird, und würde bei einem später nachgeladenen Script die komplette Seite überschreiben. Der Umweg über ein vorhandenes Element ist deshalb die sichere Variante.

Zum Anpassen: Das Script lässt sich mit zwei Handgriffen auf jeden anderen festen Jahrestag umstellen — ändert im new Date(jahr, 11, 25) Monat und Tag, etwa auf new Date(jahr, 9, 3) für den 3. Oktober, und formuliert die Sätze in der if-Kette entsprechend um. Wer nur den nüchternen Satz braucht, kann die Sonderfälle für den 23. bis 26. Dezember auch ersatzlos streichen.