Countdown-2

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Countdown-2

Beitrag von Hape »

Code: Alles auswählen

<script type="text/javascript">
<!--
var jahr=2030, monat=12, tag=31, stunde=00, minute=00, sekunde=00;
var zieldatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
function countdown()
{
startdatum=new Date();
if(startdatum<zieldatum)
{
var tage=0, stunden=0, minuten=0, sekunden=0;
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);
(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("countdowninput").value=tage+stunden+minuten+sekunden;
setTimeout("countdown()",200);
}
else document.getElementById("countdowninput").value="Countdown beendet";
}
//-->
</script>

<script language="JavaScript" type="text/javascript">
<!--
window.onload = function() {
      countdown();
    }
    //-->
</script>
Diesen Abschnitt dort einfügen wo er erscheinen soll:

Code: Alles auswählen

<input style="background-color:#FF0000; font-face:verdana; font-size: 10pt" id="countdowninput" readonly="readonly" size="47"><p> bis Silvester
Hier dazu die Demoseite: https://hapes-javascript-demo-page.hpag ... tfeld.html

Antworten