Coutdown zum Datum

Wähle ein Datum und der Counter zählt bis dahin runter

Der hier verwendete 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 = 2023, 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!