Free Countdown Script

this is easy to use free web page template #26 - you can use this free template on your website or blog - CLICK HERE

Free Countdown Script

Here is a free script that will allow you to countdown to a special date such as Christmas as seen here. Instructions are in the script and every aspect of the script is configurable- dimensions, background color, text font etc. Even gives a specified message when the date is reached. The countdown script counts down the date to the second referencing the visitor's computer and location.

To use the event countdown script, copy the entire script and put it in the <BODY> section of your text editor.

<script language="JavaScript1.2"> /* Countdown Script By http://www.jsmadeeasy.com modified by Doyle at http://free-templates.org */ function setcountdown(theyear,themonth,theday){ yr=theyear;mo=themonth;da=theday } //////////CONFIGURE THE COUNTDOWN SCRIPT HERE////////////////// //STEP 1: Configure the countdown-to date, in the format year, month, day: setcountdown(2012,12,25) //STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively var occasion="Christmas!" var message_on_occasion="Merry Christmas!" //STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area var countdownwidth='518px' var countdownheight='20px' var countdownbgcolor='white' var opentags='<font face="Verdana"><small>' var closetags='</small></font>' //////////DO NOT EDIT PAST THIS LINE////////////////// var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function start_countdown(){ if (document.layers) document.countdownnsmain.visibility="show" countdown(2000,1,1) } if (document.all) document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>') window.onload=start_countdown function countdown(){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todayh=today.getHours() var todaymin=today.getMinutes() var todaysec=today.getSeconds() var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec futurestring=montharray[mo-1]+" "+da+", "+yr dd=Date.parse(futurestring)-Date.parse(todaystring) dday=Math.floor(dd/(60*60*1000*24)*1) dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all) countdownie.innerHTML=opentags+message_on_occasion+closetags return } else{ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all) countdownie.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags } setTimeout("countdown()",1000) } </script> <ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>

MAIN HOME PAGE | FREE SCRIPTS HOME PAGE