Free Javascripts

Tutorials

Free Templates

Free CSS and XHTML Website Templates

Free Web Tools

Free Scripts

Web Hosting Reviews

Free Javascript that Counts Down to any Date down to the Second

This javascript counts down until a given date, down to the second.

A working example:

To add the current date javascript to your web pages, add the javascript below into the <body> section of the web page that will show the date.

//Enter the date that you want to countdown to below
var countdownto = "New Years Day"
//Enter the text that you want displayed when the date arrives
var thedate = "Happy New Years!"
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 = thedate
return
}
else
document.forms.countdownform.countdowninput.value = "Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+countdownto
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//Enter the date that you want to count down to in the following format year/month/day example: (2010,12,31)
countdown(2010,01,01)
</script>

<p style="font-size:.6em;"><a href="http://webdevelopmenttutorials.com/">free javascripts</a></p>

Web Development Tutorials.com

Learn web design and web development

Sponsors