"+h+" : "+m+" : "+s+" : "+ms+"

"+d+", "+D+" "+M+" "+Y+"

"; hour.value = h; minute.value = m; second.value = s; milsec.value = ms; } setInterval(run, 1); Event = [ new Date("December 25, 2017").getTime(), new Date("January 1, 2018").getTime(), new Date("February 14, 2018").getTime(), new Date("April 1, 2018").getTime(), new Date("October 31, 2018").getTime(), new Date("December 25, 2018").getTime(), ]; var DL, HL, ML, SL, nextEv; function CountDown() { var now = new Date().getTime(); var count, event; nextEv = document.getElementById("nextEv"); nextEV = document.all("nextEV").value; switch(nextEV) { case "Christmas": count = Event[0] - now; break; case "New Year": count = Event[1] - now; break; case "Valentine Day": count = Event[2] - now; break; case "April Fools Day": case "Easter": count = Event[3] - now; break; case "Halloween": count = Event[4] - now; break; case "Christmas": count = Event[5] - now; break; } event = nextEV; DL = Math.floor(count / (1000 * 60 * 60 * 24)); HL = Math.floor((count % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); ML = Math.floor((count % (1000 * 60 * 60)) / (1000 * 60)); SL = Math.floor((count % (1000 * 60)) / 1000); if (DL < 0 || HL < 0 || ML < 0 || SL < 0) { DL = ~DL+1; HL = ~HL+1; ML = ~ML+1; SL = ~SL+1; } if (count > 0 && count < now) { nextEv.innerHTML = ""+event+": "+DL+"d "+HL+"h "+ML+"m "+SL+"s left"; } else if (count < 0 && count < now) { nextEv.innerHTML = ""+event+": "+DL+"d "+HL+"h "+ML+"m "+SL+"s ago"; } else if (count == now) { nextEv.innerHTML = "Now is "+event+""; } } setInterval(CountDown, 1); }

Clock with Event Countdown