Wähle ein Datum und der Counter zählt bis dahin runter
Code
<!DOCTYPE html>
<html>
<head>
<title>Countdown</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body onload="countdown()">
<div class="grey-text text-lighten-2">
<nav class="grey black" role="navigation">
<div class="nav-wrapper container">
</div>
</nav>
</div>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br>
<br>
<h1 id="ueber" class="center grey-text text-lighten-2"></h1>
<div class="row center">
<h5 class="col s12 light" id="countdown">Countdown</h5>
</div>
<br>
<br>
</div>
</div>
</div>
<script>
// Ziel-Datum in MEZ
var jahr = 2024, monat = 1, tag = 1, stunde = 0, minute = 0, sekunde = 0;
var zielDatum = new Date(jahr, monat - 1, tag, stunde, minute, sekunde);
document.getElementById("ueber").innerHTML ='Countdown Jahr '+jahr;
function countdown() {
var startDatum = new Date();
if (startDatum < zielDatum) {
var jahre = 0, monate = 0, tage = 0, stunden = 0, minuten = 0, sekunden = 0;
while (startDatum < zielDatum) {
jahre++;
startDatum.setFullYear(startDatum.getFullYear() + 1);
}
startDatum.setFullYear(startDatum.getFullYear() - 1);
jahre--;
while (startDatum < zielDatum) {
monate++;
startDatum.setMonth(startDatum.getMonth() + 1);
}
startDatum.setMonth(startDatum.getMonth() - 1);
monate--;
while (startDatum.getTime() + (24 * 60 * 60 * 1000) < zielDatum) {
tage++;
startDatum.setTime(startDatum.getTime() + (24 * 60 * 60 * 1000));
}
stunden = Math.floor((zielDatum - startDatum) / (60 * 60 * 1000));
startDatum.setTime(startDatum.getTime() + stunden * 60 * 60 * 1000);
minuten = Math.floor((zielDatum - startDatum) / (60 * 1000));
startDatum.setTime(startDatum.getTime() + minuten * 60 * 1000);
sekunden = Math.floor((zielDatum - startDatum) / 1000);
(jahre !== 1) ? jahre = jahre + " Jahre, " : jahre = jahre + " Jahr, ";
(monate !== 1) ? monate = monate + " Monate, " : monate = monate + " Monat, ";
(tage !== 1) ? tage = tage + " Tage, " : tage = tage + " Tag, ";
(stunden !== 1) ? stunden = stunden + " Stunden, " : stunden = stunden + " Stunde, ";
(minuten !== 1) ? minuten = minuten + " Minuten und " : minuten = minuten + " Minute und ";
if (sekunden < 10) {
sekunden = "0" + sekunden;
}
(sekunden !== 1) ? sekunden = sekunden + " Sekunden" : sekunden = sekunden + " Sekunde";
document.getElementById("countdown").innerHTML =
jahre + monate + tage + stunden + minuten + sekunden;
setTimeout('countdown()', 200);
}
else {
document.getElementById("countdown").innerHTML =
"Frohes neues Jahr! Viel Glück und Gesundheit!";
}
}
</script>
</body>
</html>