View Full Version : Dynamic Drive Countdown Date Modification

04-03-2010, 01:13 PM
1) Script Title: Dynamic Drive Countdown

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex6/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

04-03-2010, 02:50 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style style="text/css">

.lcdstyle{ /*Example CSS to create LCD countdown look*/
font: bold 18px MS Sans Serif;
padding: 3px;

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
font-size: 80%


<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.currentTime=new Date()
this.targetdate=new Date(targetdate)

var thisobj=this
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second

cdtime.prototype.displaycountdown=function(baseunit, functionref){

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
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
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
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

<div id="countdowncontainer"></div>

<script type="text/javascript">

var futuredate=new cdtime("countdowncontainer", "March 25, 2011 10:30:00");
futuredate.displaycountdown("days", formatresults2);


04-05-2010, 04:32 AM
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


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