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:
Nur aktuelles Datum und die Uhrzeit:

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 www.webmods.de an, hier erhalten Sie einen Countdown zu einem von Ihnen festgelegten Datum.

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

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

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

Hier die neuesten Postings aus unserem Homepage-Forum:

40 User online. Ladezeit 0.0051 Sekunden - gehostet bei 1&1 Webhosting