Countdown

Wie Sie bestimmt Wissen, findet das Musikfest 2020 in Muttenz statt. Warum also nicht die Jahre, Tage und Stunden, bis dahin zählen? Mit einem kleinen JavaScript kann man dies ohne Probleme machen.

Das folgende Skript muss in den Teil der jeweiligen Seite.


In den <body> Tag muss der Event gestartet werden:

<body onload=countdown()>

Und nun muss das ganze noch in die Seite eingebunden werden. Dies geschieht über Formularfelder.

Tage:
Stunden:
Minuten:
Sekunden:

Beispiel:

Tage: Stunden: Minuten: Sekunden:

Die Funktionsweise des Skriptes ist eigentlich recht einfach. Über die Variable eventdate wird das Datum des Ereignisses angegeben.

Das Datum muss in dem verwendeten Format angegeben werden, da sonst das Script die Zeit nicht ermitteln kann.
Der Aufruf der Funktion erfolgt beim Laden der Seite. Die Funktion selbst wird jede Sekunde erneut aufgerufen, da sich der Countdown ja jede Sekunde ändert. Ausgegeben wird das ganze durch das Formular. Wichtig ist, das Sie die name-Parameter angaben nicht verändern, da sonst das Script nicht die Elemente findet, in denen die Uhrzeit ausgegeben werden soll. Das ganze Skript kann natürlich auf jedes andere Datum auch angewendet werden.