Thanks Andy. Can you change this script a bit for me to display hours, minutes and seconds. I'll appreciate that. Thanks, - Ken
On 10/25/05, Andy Matthews <[EMAIL PROTECTED]> wrote: > > Here's a countdown script that I use. It works really well. > http://www.andyandjaime.com/uploads/countdown.js > > Call it like so: > <script language="JavaScript" type="text/JavaScript" > src="includes/countdown.js"></script> > > > <!----------------//------ > andy matthews > web developer > ICGLink, Inc. > [EMAIL PROTECTED] > 615.370.1530 x737 > --------------//---------> > > -----Original Message----- > From: Ken [mailto:[EMAIL PROTECTED] > Sent: Tuesday, October 25, 2005 12:09 PM > To: CF-Talk > Subject: Re: Real time count-down > > > That's what I am doing. Here's a part of my cf code: > <cfset today = Now()> > <cfwddx action="cfml2js" input="#today#" output="jsVar" > toplevelvariable="today"> > > I then pass the jsvar to my javascript. But all that does is display the > time-remaining, not the running countdown. > Here's the rest of the code: > <script language="JavaScript1.2"> > function setcountdown(theyear,themonth,theday,thehour,themin,thesec){ > yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec > } > > //////////CONFIGURE THE COUNTDOWN SCRIPT HERE////////////////// > > //STEP 1: Configure the countdown-to date, in the format year, month, day, > hour(0=midnight,23=11pm), minutes, seconds: > setcountdown(2005,10,26,12,31,00) > > //STEP 2: Change the two text below to reflect the occasion, and message > to > display on that occasion, respectively > var occasion="expiration" > var message_on_occasion="Time Over" > > //STEP 3: Configure the below 5 variables to set the width, height, > background color, and text style of the countdown area > var countdownwidth='520px' > var countdownheight='35px' > var countdownbgcolor='lightyellow' > 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 > ") > 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 > ("c > ountdownie") > : 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 <cfoutput>#jsVar#</cfoutput> > 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+"Oc > casion > 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+dda > y+ > " 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> > > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Logware (www.logware.us): a new and convenient web-based time tracking application. Start tracking and documenting hours spent on a project or with a client with Logware today. Try it for free with a 15 day trial account. http://www.houseoffusion.com/banners/view.cfm?bannerid=67 Message: http://www.houseoffusion.com/lists.cfm/link=i:4:222215 Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4 Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4 Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4 Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
