Dynamic Drive Countdown Date Modification

1) Script Title: Dynamic Drive Countdown

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...dhtmlcount.htm

3) Describe problem:

Hello, I am pulling out what hair I have left trying to get this script to countdown to March 25th 2011 at 10:30 AM

I have the top part [which I am Not Using] but the actual LCD look "which I would like to use" doesn't show the right date, it stays at the default in the script or adds the line above in plain text. If anyone would like to drop in the code modified to this date, I would surely return the favor here in some way.

Sincerely Mark

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style style="text/css"> .lcdstyle{ /*Example CSS to create LCD countdown look*/ background-color:black; color:yellow; font: bold 18px MS Sans Serif; padding: 3px; } .lcdstyle sup{ /*Example CSS to create LCD countdown look*/ font-size: 80% } </style> <script type="text/javascript"> /*********************************************** * Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ function cdtime(container, targetdate){ if (!document.getElementById || !document.getElementById(container)) return this.container=document.getElementById(container) this.currentTime=new Date() this.targetdate=new Date(targetdate) this.timesup=false this.updateTime() } cdtime.prototype.updateTime=function(){ var thisobj=this this.currentTime.setSeconds(this.currentTime.getSeconds()+1) setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second } cdtime.prototype.displaycountdown=function(baseunit, functionref){ this.baseunit=baseunit this.formatresults=functionref this.showresults() } cdtime.prototype.showresults=function(){ var thisobj=this var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds if (timediff<0){ //if time is up this.timesup=true this.container.innerHTML=this.formatresults() return } var oneMinute=60 //minute unit in seconds var oneHour=60*60 //hour unit in seconds var oneDay=60*60*24 //day unit in seconds var dayfield=Math.floor(timediff/oneDay) var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level hourfield=dayfield*24+hourfield dayfield="n/a" } else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level minutefield=dayfield*24*60+hourfield*60+minutefield dayfield=hourfield="n/a" } else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level var secondfield=timediff dayfield=hourfield=minutefield="n/a" } this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) setTimeout(function(){thisobj.showresults()}, 1000) //update results every second } /////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW////////////////////////////// //Create your own custom format function to pass into cdtime.displaycountdown() //Use arguments[0] to access "Days" left //Use arguments[1] to access "Hours" left //Use arguments[2] to access "Minutes" left //Use arguments[3] to access "Seconds" left //The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown() //For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a" //For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc function formatresults(){ if (this.timesup==false){//if target date/time not yet met var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until March 23, 2009 18:25:00" } else{ //else if target date/time met var displaystring="Future date is here!" } return displaystring } function formatresults2(){ if (this.timesup==false){ //if target date/time not yet met var displaystring="<span class='lcdstyle'>"+arguments[0]+" <sup>days</sup> "+arguments[1]+" <sup>hours</sup> "+arguments[2]+" <sup>minutes</sup> "+arguments[3]+" <sup>seconds</sup></span> left until March 25th, 2011, 10:30 AM" } else{ //else if target date/time met var displaystring="" //Don't display any text alert("March 25th, 2011, 10:30 AM is here!") //Instead, perform a custom alert } return displaystring } </script> </head> <body> <div id="countdowncontainer"></div> <script type="text/javascript"> var futuredate=new cdtime("countdowncontainer", "March 25, 2011 10:30:00"); futuredate.displaycountdown("days", formatresults2); </script> </body> </html>

Thank You John, I don't know what I was doing wrong because yours was so simple, and actually mine was close but no cigar, this is perfect.

I can always count on scripts from DD Drive to work as specified when modified correctly. Again, if there is anything I can do please let me know. I am already in the process of linking you to all my websites since most of them use a script of yours in one way or another, no use in leaving the thanks in the source code. !!

I thought of all kinds of dumb things like widgets for myspace and so on, there are hundreds of them out there but this is unobtrusive in it's thinner style, even flash additions were too tall

Here is what you helped me with, Sincerely Mark

http://content.godragracing.org/countdown.jpg

A screenshot taken from the website I instralled the script on.