Count Down

Ein kleines Tutorial für einen Countdown, der bis zu einem bestimmten Tag runterzählt. Einfach dieses Script im Quellcode Modus einfügen und entsprechend anpassen.

<script type="text/javascript">
function countdown() {
    var endDate     = new Date("December 31, 2015 23:59:59");
    // Datum muss(!!) so, englischer Name des Monats, eingetragen werden //
    // Beispiel Independence Day: new Date("July 4, 2013 00:00:00");  //
    var now         = new Date();
    // var now ist das Datum, die Uhrzeit jetzt //
    var timeDiff    = endDate.getTime() - now.getTime();
    var s       = Math.floor(timeDiff / 1000);
    // s steht für Sekunden
    var m       = Math.floor(s / 60);
    // m steht für Minuten
    var h       = Math.floor(m / 60);
    // h steht für Stunden
    var d       = Math.floor(h / 24);
    // d steht für Tage
        h       %= 24;
        m       %= 60;
        s       %= 60;
    document.getElementById("CountDown").innerHTML = "Noch <strong>" + d + "</strong> Tage, <strong>" + h + "</strong> Stunden, <strong>" + m + "</strong> Minuten und <strong>" + s + "</strong> Sekunden bis zum Jahreswechsel!";
    // document.getElementById("CountDown").innerHTML definiert die Stelle, an der countdown() angezeigt werden soll //
    var timer = setTimeout('countdown()',1000);
    // damit werden die Sekunden "in Gang gesetzt" //
}
</script>
<!-- innerhalb des div id="CountDown" erscheint der Countdown Text -->
<div id="CountDown"></div>

<!-- Damit wird die javascript Funktion countdown() aufgerufen -->
<script type="text/javascript">countdown();</script>