Countdown in JavaScript

von Thomas Salvador.

Dies ist ein allgemeiner Countdown. Sie können ihn frei verwenden und in Ihre Site einbauen. Der Deal ist, dass Sie dabei meine Urheberrechtsmeldung unverändert und vollständig übernehmen. Dies ist außerdem gleich die Nutzungserlaubnis.

Per Voreinstellung befindet sich in der 'Free-Content-Box' ein Link dieser Seite (s.u.), so dass sich ein interessierter Besucher den Counter in seiner jeweils aktuellen Version ziehen kann.

Installation

Kopieren Sie bitte nachfolgenden Source in Ihre Seite.

Nutzung

Der Counter funktioniert in zwei Modi:

  • Einmaliger Event
  • iederkehrender Event
Einmaliger Event

Dazu stellen Sie das Datum in (zieltag.zielmonat.zieljahr) ein, bis zu dem er Countdownen soll.

Denkbar war dazu z.B. das – ja, Sie wissen schon – Millennium, deshalb gab es diesen Countdown in diesem Modus schon ein paar Monate früher.

Wiederkehrender Event

Dazu wählen Sie ein Datum des Jahres 0 (zieltag.zielmonat.0).

Der Effekt ist nun der, dass bis zum jeweils nächsten Eintreten, also entweder noch im jeweils aktuellen oder im nächsten Jahr. Einmal installiert, brauchen Sie sich darum nicht mehr zu kümmern.

Das ist alles.

Viel Spaß.

Der Source

Wir lassen hier den Countdown die Tage bis zum nächsten 1. Juli zeigen.

<script type="text/javascript"><!--

var now= new Date();

function ymd2julian(y, m, d) {

// Dieses Script kann frei verwendet und weitergegeben werden,
// solange diese Urheberrechtsmeldung / Nutzungserlaubnis
// unveraendert erhalten bleibt.
// (c) 1999 Thomas Salvador, brauchbar.de

  if (m < 3) {
    var f = -1;
  } else {
    var f = 0;
  }

  return Math.floor((1461*(f+4800+y))/4)
    + Math.floor(((m-2-(f*12))*367)/12)
    - Math.floor(3*Math.floor((y+4900+f)/100)/4)
    + d
    - 32075;
}

function t4(y) {
  return (y < 1000 ? y+1900 : y);
}

// Das zielDatum

var zieljahr  = 0;   // Jahr, oder 0 wenn jaehrlich wiederkehrend.
var zielmonat = 7;   // Monat
var zieltag   = 1;   // Tag

var azieljahr = zieljahr;

if (azieljahr==0) {
  azieljahr = t4(now.getYear());
}

var julziel = ymd2julian(azieljahr,zielmonat,zieltag);
var julheut = ymd2julian(t4(now.getYear()),now.getMonth()+1,now.getDate());

if ((zieljahr==0) && (julheut>=julziel)) {
  azieljahr++;
  var julziel = ymd2julian(azieljahr,zielmonat,zieltag);
}
//-->
</script>

<p>

<!-- Ausgabe Start -->
<center>
<table width="300" bgcolor="#000033" cellspacing="0"
       cellpadding="1" border="0">
<tr><td>
<table bgcolor="#ffffff" cellspacing="0"
       cellpadding="5" border="0" width="100%">
<tr><td><font face="arial, helvetica, sans-serif" size="-1">

<script type="text/javascript"><!--

if (julheut < julziel) {
  document.write ('<center>Es sind noch '
                  ,julziel-julheut
                  ,' Tag(e) bis zum <p><font size="+1">'
                  ,zieltag,'.'
                  ,zielmonat,'.'
                  ,azieljahr,'<\/font><\/center>');
}
//-->
</script>

<div align="center">
<font size="1">
<a href="https://brauchbar.de/wd/artikel/44.html">Holen
Sie sich einen Countdown</a> auf Ihre Site - <span
style="color:red">FREE</span></font></div>
</font></td></tr></table>
</td></tr></table>
</div>
<!-- Ausgabe Ende -->

Ausgabe

Das sieht dann so aus:

 

 
Holen Sie sich einen Countdown auf Ihre Site - FREE
 
 

Freilich können Sie die Ausgabe auch anders gestalten.