Tulos

Jouluun 2019 on jäljellä:
päivää
tuntia
minuuttia
sekunttia

Koodi

Tämä tulee HEAD-osastoon

<script type="text/javascript">
//<![CDATA[
// Countdown Script by Virtual_Max
// http://www.geocities.com/siliconvalley/lakes/8620
// please keep this comment unchanged if you use it

// Modified by Osmo Saarikumpu 2002 & 2008 & 2009-04-10

// Aseta h-hetki seuraavaan:
var Ajankohta = new Date("December 25, 2019 00:00:00 GMT +0200");

function LahtoLaskenta() {
var Tulostusalue = document.Lomake;
var AikaNyt = new Date();
var Erotus = Math.floor((Ajankohta.getTime() - AikaNyt.getTime()) / 1000);

 if (Erotus <= 0) {
 Tulostusalue.Paivat.value = "00";
 Tulostusalue.Tunnit.value = "00";
 Tulostusalue.Minuutit.value = "00";
 Tulostusalue.Sekunnit.value = "00";
 window.alert('Laskurin määräaika on umpeutunut.') 
 return;
 }

function EN(n) {//lisää etunollan tarvittaessa
return (n < 10 ? '0' : '') + n;
}

Tulostusalue.Sekunnit.value = EN(Erotus % 60);
Erotus = Math.floor(Erotus / 60);
Tulostusalue.Minuutit.value = EN(Erotus % 60);
Erotus = Math.floor(Erotus / 60);
Tulostusalue.Tunnit.value = EN(Erotus % 24);
Erotus = Math.floor(Erotus / 24);
Tulostusalue.Paivat.value = EN(Erotus);    

setTimeout("LahtoLaskenta()",1000);
}
//]]>
</script>

BODY-elementti on seuraavanlainen:

<body onload="LahtoLaskenta()">

Tämä tulee BODY-osastoon

<form name="Lomake" action="">
<table border="0">
<tr><td colspan="2">Jouluun 2019 on jäljellä:</td></tr>
<tr><td><input name="Paivat" size="4" /></td>
<td>päivää</td></tr>
<tr><td><input name="Tunnit" size="4" /></td>
<td>tuntia</td></tr>
<tr><td><input name="Minuutit" size="4" /></td>
<td>minuuttia</td></tr>
<tr><td><input name="Sekunnit" size="4" /></td>
<td>sekunttia</td></tr>
</table>
</form>

<script type="text/javascript">
document.write("\(Määräajaksi on asetettu "+Ajankohta.toGMTString()+".\)");
</script>

Aiheesta löytyy myös yksinkertaisempi versio.

Weppipakin kotisivulle