Countdown with days, hours, min, and sec.

Author's Comments

Look carefully for specific instructions

Heres a counter that shows the days, hours, min, and even seconds until that "day".

#1. Change (YYYY,MM,DD,HH,MN,SD) to the Year, Month, Day, Hour (military time) and Second. Example 2006,05,09,13,30,0 = May 9, 2006 1:30PM
#2. Change YOUR MESSAGE HERE to what it will its counting down to.
#3. Change CELEBRATING MESSAGE to what it will say on that day.

Script Code

Copy and paste to Header HTML

Help

function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}

/////////////////////Set the Countdown///////////////////////

//Set the day to countdown to in the format, year, month, day, hour(Military Time 0=midnight, 23=11pm), minutes, seconds:
setcountdown(YYYYY,MM,DD,HH,MN,SD)

//Change what you want the countdown to say the its counting down to and what it will say on the special day, the counter will already be displaying days, hours, minutes, seconds left until.
var occasion="YOUR MESSAGE HERE"
var message_on_occasion="CELEBRATING MESSAGE"

//Set the font, width, height, background color of your countdown, and the font will be the same color as the rest of your site.
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'
var countdownwidth='470px'
var countdownheight='35px'
var countdownbgcolor='white'

/////////////////////Don't change anything else///////////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
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+" "+hr+":"+min+":"+sec
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 on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
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||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

Script Comments

Showing latest 2 of 2 comments

It didn't like the layout I was using. I dropped all my layout customization and it appears in plain text on a single line. Its still not in the pretty box that the screen shot shows but at least its readable now.

By t1m_h on May 25, 2006 1:08 pm

Love this but it looks jumbled up in IE. The lines overlap. Its slightly better in firefox but its like the line its on is shorter than the letters on the line. Does that make any sense?Check my xanga to see it

By t1m_h on May 2, 2006 9:17 am

Script Details

Author	Kingchicken
Submitted on	Feb 12, 2006
Page views	20,395
Favorites	12
Comments	2

Script Tags

countdown, birthday