Countdown zum neuen Jahr

Notiz Einen Countdown zum neuen Jahr (oder auch zu einem anderen beliebigem Datum) können Sie als Javascript realisieren.

So sieht das dann aus:



Die Zeitspanne ist immer korrekt, sogar die Zeitverschiebung durch die Sommerzeit wird berücksichtigt (daher wirkt es so, als wenn der Countdown während der Sommerzeit eine Stunde zuviel anzeigt. Dies ist aber die Stunde, die bei der Umstellung auf Winterzeit den Countdown verlängert.)

Hier die englische Einbauanleitung von The JavaScript Source in deutscher Übersetzung und leicht modifiziert (für den automatischen Neustart in jedem Jahr):



Zum Zieldatum:

Im vorgefertigten Script ist angegeben:

later = new Date("Jan 1 " + (parseInt(new Date().getFullYear())+1) + " 00:00:00");

Diese Angabe sorgt dafür, dass das Script exakt bis Neujahr zählt und automatisch jedes Jahr nach Erreichen des Datums weiterzählt.

Bei einem anderen Datum müssen Sie diese Angabe ersetzen durch:

later = new Date("Jan 5 2007 0:00:01");

Das Datum bitte entsprechend Ihren Wünschen anpassen.

Ganz fertig sind Sie jetzt noch nicht - Sie benötigen noch die Grafiken für den Countdown. Bitte die nachfolgenden Grafiken mit der rechten Maustaste anklicken und im gleichen Verzeichnis speichern, in dem auch der Countdown laufen soll. Bitte nicht die Namen der Bilder ändern - da das Script sonst nicht funktioniert.

0 1 2 3 4 5 6 7 8 9 Strich


Einen weiteren Neujahres-Countdown bietet Ihnen Deutsch www.a-n-v.de an. Der Countdown zählt die Tage, Stunden und Minuten bis zum neuen Jahr. Es gibt viele verschiedene Möglichkeiten, den Countdown anzuzeigen. Hier einige Beispiele:

  • Tage, Stunden und Minuten bis Neujahr:

    Tage, Stunden und Minuten bis Neujahr

  • Stunden und Minuten bis Neujahr:

    Stunden und Minuten bis Neujahr

  • Tage bis Neujahr:

    Tage bis Neujahr

  • Nur aktuelles Datum und die Uhrzeit:

    Uhrzeit und Datum

Neben unserem Kalendersystem kann der Countdown auch auf den Jüdischen Kalender, Islamischen Kalender und weitere Kalender eingestellt werden. Das Aussehen des Countdowns kann aus verschiedenen Vorlagen ausgewählt werden.

Einen ähnlichen Service bietet Sprache: Deutsch www.webmods.de an, hier erhalten Sie einen Countdown zu einem von Ihnen festgelegten Datum.

www.webmods.de | Module für die Homepage


Ein DHTML-Countdown-Script finden Sie hier: www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm.

Einen Countdown-Javascript finden Sie hier: Deutsch www.homepage-total.de/javascript/archiv/scripte2/countdown.htm

Einen Countdown-Generator finden Sie hier: Deutsch www.homepage-total.de/tools/countdown-generator.php

Leuchtende Glühbirne Weitere Rubriken, die für Sie interessant sein könnten:



Hier die neuesten Postings aus unserem Homepage-Forum:


16.05.2008 10:43:00 © Tanja & Karl Oltmanns - XHTML/CSS. User online 40 User online. Ladezeit 0.0051 SekundenWEBCounter by GOWEB - gehostet bei 1&1 Webhosting