Alles für die eigene Homepage

Countdown zum neuen Jahr

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):

  <HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY onLoad="getTime()">  <div align="center"> <h3>Countdown zum neuen Jahr 2005</h3> </div> <center> <table><tr><td bgcolor="black" valign="bottom"> <img height=21 src="0c.gif" width=16 name=x> <img height=21 src="0c.gif" width=16 name=a> <img height=21 src="0c.gif" width=16 name=b> <img height=21 src="Cc.gif" width=9 name=c> <img height=21 src="0c.gif" width=16 name=y> <img height=21 src="0c.gif" width=16 name=z> <img height=21 src="Cc.gif" width=9 name=cz> <img height=21 src="0c.gif" width=16 name=d> <img height=21 src="0c.gif" width=16 name=e> <img height=21 src="Cc.gif" width=9 name=f> <img height=21 src="0c.gif" width=16 name=g> <img height=21 src="0c.gif" width=16 name=h> </td></tr></table> </center> <div align="center"> <h4>(Tage : Stunden : Minuten : Sekunden)</h4> </div> <p><center> <font face="arial, helvetica" size"-2">Kostenloses JavaScript von<br> <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 

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.

Einen weiteren Neujahres-Countdown bietet Ihnen 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:
Stunden und Minuten bis Neujahr:
Tage bis Neujahr:

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.

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

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

Countdown-Generatoren finden Sie hier: www.homepage-total.de/tools/countdown-generator.php und hier www.magic-webdesign.de/online-generator/countdown-generator

Einen sehr originellen grafischen Countdown für Ihre Homepage finden Sie bei www.tickerfactory.com. Sie wählen einen Designhintergrund, die Countdowngrafik, die sich täglich dem Ziel weiter nähert und legen dann noch das Datum und den Namen des Zieldatums fest. Hier z.B. ein Ticker für den Frühlingsanfang am 20.2.2009:

Einen weiteren originellen Counter finden Sie hier: Bei www.weltuntergang-2012.de/Homepage-Voting.html bekommen Sie ein Voting, ob die Welt in 2012 untergeht und einen Countdown-Zähler bis zu dem vermeintlichen Weltuntergangsdatum. Laut Webseite geht es darum, dass in Maya-Kalendern als Weltuntergangsdatum der 21.12.2012 angegeben wurde.

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

Haben Sie einen Fehler auf dieser Seite gefunden? Bitte gleich hier melden!

Hier die neuesten Postings aus unserem Homepage-Forum:

32 User online. Ladezeit 0.0128 Sekunden - gehostet bei 1&1 Webhosting -