Cut & Paste Count down until any date

Home / Free JavaScripts / Clocks, Calenders, And Timers / Here

Cut & Paste Count down until any date (Down-to-the second)

Credit: JavaScript Kit

Description: A different version of the countdown script that counts down until any date, down to the second.

Example:

Directions: Simply insert the below into the <body> section of your page:

<form name="count"> <input type="text" size="69" name="count2"> </form> <script> /* Count down until any date script- By JavaScript Kit (www.javascriptkit.com) Over 200+ free scripts here! */ //change the text below to reflect your own, var before="Christmas!" var current="Today is Christmas. Merry Christmas!" var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d){ theyear=yr;themonth=m;theday=d 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[m-1]+" "+d+", "+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){ document.forms.count.count2.value=current return } else document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+before setTimeout("countdown(theyear,themonth,theday)",1000) } //enter the count down date using the format year/month/day countdown(2002,12,25) </script> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>

There are two areas of the script you'll need to configure. The first is obviously the date you wish the script to count down to. Simply pass in a date, in the form of year, month, and day, into function countdown(), located at the last line of the script:

countdown(2003,12,25)

The second concerns the text to be displayed during the duration of the countdown. This is affected by the lines:

var before="Christmas!"
var current="Today is Christmas. Merry Christmas!"

The first variable (var before) specifies the key word that will be used to display the sentence ""Only so and so days until ____." The second variable specifies the text to be displayed when the counter has expired (the specified countdown-to date).

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info