<div>
Look at these, they profess to do all timings D, H, M, S -- 
 
<a href="http://www.plus2net.com/javascript_tutorial/countdown.php" rel="ugc">http://www.plus2net.com/javascript_tutorial/countdown.php</a> 
<a href="http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm" rel="ugc">www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm</a> 
<a href="http://www.refdev.com/free_scripts/JavaScript/Countdowns/" rel="ugc">www.refdev.com/free_scripts/JavaScript/Countdowns/</a> 
rainbow.arch.scriptmania.com/scripts/countdown.html 
simplythebest.net/scripts/DHTML_scripts/javascripts/javascript_11.html 
javascript.internet.com/time-date/digital-countdown.html 
3d2f.com/tags/countdown/days/hours/minutes/seconds/ 
objectmix.com/javascript/340839-javascript-countdown-without-refreshing.html 
<a href="http://www.programsdb.com/script/74/16692/Count_down_to_in_days_HMS.html" rel="ugc">www.programsdb.com/script/74/16692/Count_down_to_in_days_HMS.html</a>&nbsp;
</div>

<div>
In the solution below, I have assumed that the second parameter refers to the instance name of the cbCounter variable. If I assume this then the second call to cbCounter requires a modification to the second parameter based on your code. 
 

<pre><code class="code-100 nolinks" id="code-123124">&lt;html&gt;
&lt;style&gt;
 div.timeleftBig
 {
 font-size: 24pt;
 }
&lt;/style&gt;
&lt;script&gt;
//
//-----------------------------------------------------------------------------/
// Public Function: formatInt /
//-----------------------------------------------------------------------------/
//
 function formatInt(val, places)
 {
 var str = &quot;&quot; + val;
 if (str.length &lt; places)
 {
 for (var index = 0; index &lt; (places - str.length); index++)
 {
 str = &quot;0&quot; + str;
 }
 }
 return str;
 }
 
//
//-----------------------------------------------------------------------------/
// Class: cbCounter /
//-----------------------------------------------------------------------------/
//
 function cbCounter(id, instance, loadTime, finishTime, dummy, message)
 {
 this.id = id;
 this.instance = instance;
 this.loadTime = new Date(Date.parse(loadTime));
 this.finishTime = new Date(Date.parse(finishTime));
 this.dummy = dummy;
 this.message = message;
 this.element = null;
 this.showMS = false;
 
//
// Private Function: init
// ----------------------
//
 this.init = function()
 {
 this.element = document.getElementById(this.id);
 }
 
//
// Public Function: updateTime
// ---------------------------
//
 this.updateTime = function()
 {
 if (this.element)
 {
 var days;
 var hours;
 var minutes;
 var seconds;
 var milliseconds;
 var now = new Date();
 var time = this.finishTime.getTime() - now.getTime();
 milliseconds = time % 1000;
 time = (time - milliseconds) / 1000;
 seconds = time % 60;
 time = (time - seconds) / 60;
 minutes = time % 60;
 time = (time - minutes) / 60;
 hours = time % 24;
 time = (time - hours) / 24;
 days = time;
 this.element.innerHTML = days + ((days == 1) ? &quot; day, &quot; : &quot; days, &quot;) + formatInt(hours, 2) + &quot;:&quot; + formatInt(minutes, 2) + &quot;:&quot; + formatInt(seconds, 2) + 
 (this.showMS ? (&quot;.&quot; + formatInt(milliseconds, 3)) : &quot;&quot;);
 }
 else
 {
 this.init();
 }
 window.setTimeout(this.instance + &quot;.updateTime()&quot;, 100);
 }
 }
&lt;/script&gt;
&lt;body&gt;
 &lt;div class=&quot;timeleftBig&quot; id=&quot;auction3210&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3210 = new cbCounter(&quot;auction3210&quot;, &quot;auction_time3210&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 23, 2008 14:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3210.updateTime();
 &lt;/script&gt;
 
 &lt;div class=&quot;timeleftBig&quot; id=&quot;auction3211&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3211 = new cbCounter(&quot;auction3211&quot;, &quot;auction_time3211&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 26, 2008 12:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3211.updateTime();
 &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
</div>

<div>
Thank Lolly-Ink, thats exactly what iI was looking for. Saving your example and opening in the browser showed that it worked... however when I changed the end time to some a bit closer to the server time, I get minus numbers and it seems to count up.. I have pasted the code I used below, if you use the same code you should see the same weird effects.. Any ideas as to what the problem is ? 

<pre><code class="code-1 nolinks" id="code-123129">&lt;div class=&quot;timeleftBig&quot; id=&quot;auction3210&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3210 = new cbCounter(&quot;auction3210&quot;, &quot;auction_time3210&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 21, 2008 14:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3210.updateTime();
 &lt;/script&gt;
</code></pre>
</div>

<div>
Try this ... 

<pre><code class="code-100 nolinks" id="code-123135">&lt;!--
 I am going to assume that the second parameter refers to the instance name of the cbCounter variable. If I assume this then the second call to cbCounter requires a modification to the second parameter based on your code.
--&gt;
&lt;html&gt;
&lt;style&gt;
 div.timeleftBig
 {
 font-size: 24pt;
 }
&lt;/style&gt;
&lt;script&gt;
//
//-----------------------------------------------------------------------------/
// Public Function: formatInt /
//-----------------------------------------------------------------------------/
//
 function formatInt(val, places)
 {
 var str = &quot;&quot; + val;
 if (str.length &lt; places)
 {
 for (var index = 0; index &lt; (places - str.length); index++)
 {
 str = &quot;0&quot; + str;
 }
 }
 return str;
 }
 
//
//-----------------------------------------------------------------------------/
// Class: cbCounter /
//-----------------------------------------------------------------------------/
//
 function cbCounter(id, instance, loadTime, finishTime, dummy, message)
 {
 this.id = id;
 this.instance = instance;
 this.loadTime = new Date(Date.parse(loadTime));
 this.finishTime = new Date(Date.parse(finishTime));
 this.dummy = dummy;
 this.message = message;
 this.element = null;
 this.showMS = false;
 
//
// Private Function: init
// ----------------------
//
 this.init = function()
 {
 this.element = document.getElementById(this.id);
 }
 
//
// Public Function: updateTime
// ---------------------------
//
 this.updateTime = function()
 {
 var finished = false;
 if (this.element)
 {
 var days;
 var hours;
 var minutes;
 var seconds;
 var milliseconds;
 var now = new Date();
 var time = this.finishTime.getTime() - now.getTime();
 if (time &lt; 500)
 {
 time = 0;
 finished = true;
 }
 milliseconds = time % 1000;
 time = (time - milliseconds) / 1000;
 seconds = time % 60;
 time = (time - seconds) / 60;
 minutes = time % 60;
 time = (time - minutes) / 60;
 hours = time % 24;
 time = (time - hours) / 24;
 days = time;
 this.element.innerHTML = days + ((days == 1) ? &quot; day, &quot; : &quot; days, &quot;) + formatInt(hours, 2) + &quot;:&quot; + formatInt(minutes, 2) + &quot;:&quot; + formatInt(seconds, 2) + 
 (this.showMS ? (&quot;.&quot; + formatInt(milliseconds, 3)) : &quot;&quot;) + (finished ? &quot; ... &quot; + this.message : &quot;&quot;);
 }
 else
 {
 this.init();
 }
 if (!finished)
 {
 window.setTimeout(this.instance + &quot;.updateTime()&quot;, 100);
 }
 }
 }
&lt;/script&gt;
&lt;body&gt;
 &lt;div class=&quot;timeleftBig&quot; id=&quot;auction3210&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3210 = new cbCounter(&quot;auction3210&quot;, &quot;auction_time3210&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 23, 2008 14:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3210.updateTime();
 &lt;/script&gt;
 
 &lt;div class=&quot;timeleftBig&quot; id=&quot;auction3211&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3211 = new cbCounter(&quot;auction3211&quot;, &quot;auction_time3211&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 26, 2008 12:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3211.updateTime();
 &lt;/script&gt;
 
 &lt;div class=&quot;timeleftBig&quot; id=&quot;auction3212&quot;&gt;&lt;/div&gt;
 &lt;script type=&quot;text/javascript&quot;&gt;
 var auction_time3212 = new cbCounter(&quot;auction3212&quot;, &quot;auction_time3212&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 21, 2008 14:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;);
 auction_time3212.updateTime();
 &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
</div>

<div>
I now get 
 
0 days, 00:00:00 ... Auction Closed 
 
immediately when the page loads for the third countdown on the page.
</div>

<div>
You should look at the links I posted, there are lots of working proven JS routines there that do exactly what you want. &nbsp;I can't post all the javascripts in this thread.
</div>

<div>
It looks like it may be using my system date and time to count down from, rather than the value in the servertime variable...
</div>

<div>
Use the servertime variable value on line 69 instead of &quot;new Date();&quot;.
</div>

<div>
Thanks scrathcyboy but I have looked at everyone of those ecripts already believe it or not.... None do what I require. That second link you posted requires that the code be placed in a php file or asp file... I am using plain HTML pages. Some of the others don't use server time etc. Some require you put info in meta tags for the servertime and styling for each instance of a counter on your page.... I have searched for days and looked at every counter I can find.
</div>

<div>
Lolly-Ink, I replaced &quot;new Date();&quot; with &quot;this.loadTime;&quot; but know I just get a static counter, seconds don't tick down.... Did I include the variable correctly?
</div>

<div>
The value of this.loadTime is static, so the counter is static. You need a dynamic Date variable.
</div>

<div>
Is there no way to make this.loadTime dynamic? If not how do I accomplish my goal of using the server time for the countdown?
</div>

<div>
Genius.. Works a treat. One more tiny little thing, I would like the counter to actually be replaced by the finish text when it reaches zero. Is that possible. You have been a great help, really appreciate it.
</div>

<div>
Replace lines 88 and 89 with: 

<pre><code class="code-1 nolinks" id="code-123155"> this.element.innerHTML = (finished ? this.message : 
 days + ((days == 1) ? &quot; day, &quot; : &quot; days, &quot;) + formatInt(hours, 2) + &quot;:&quot; + formatInt(minutes, 2) + &quot;:&quot; + formatInt(seconds, 2) + 
 (this.showMS ? (&quot;.&quot; + formatInt(milliseconds, 3)) : &quot;&quot;));
</code></pre>
</div>

<div>
Thanks for that... top man.
</div>

<div>
<div class="content wysiwyg-content">
Hi all, 
 
I have looked everywhere but am unable to find a countdown script that does what I am after. The script is for a auction site, and needs to count down in days, hours, minutes and seconds. I need to be able to place multiple (up to 30) countdown timers on one page, each counting down to a different date when the auction closes. I need to be able to simply place a div where I want the countdown to go, for example &lt;div class=&quot;styling&quot; id=&quot;unique_auction_ID&quot;&gt;&lt;/div&gt;. I need the countdown to use the server time, which I can populate into the html when it is outputed by php. I have seen the following on another auction site: 
 
&lt;div class=&quot;timeleftBig&quot; id=&quot;auction3210&quot;&gt;&lt;/div&gt; 
 
&lt;script type=&quot;text/javascript&quot;&gt; 
var auction_time3210 = new cbCounter(&quot;auction3210&quot;, &quot;auction_time3210&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 23, 2008 14:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;) 
auction_time3210.updateTime() 
&lt;/script&gt; 
 
&lt;div class=&quot;timeleftBig&quot; id=&quot;auction3211&quot;&gt;&lt;/div&gt; 
 
&lt;script type=&quot;text/javascript&quot;&gt; 
var auction_time3211 = new cbCounter(&quot;auction3211&quot;, &quot;auction_time3210&quot;, &quot;July 21, 2008 00:42:42&quot;, &quot;July 26, 2008 12:00:00&quot;, &quot;&quot;, &quot;Auction Closed&quot;) 
auction_time3211.updateTime() 
&lt;/script&gt; 
 
etc... for each auction. I can see in the cbcounter, the first variable is the name of the div to place the counter, not sure what the second is, the third in the server time when the page was loaded, the forth is the date and time to count down to, and the fith is the text to display when the count down has finished. I basically need the backend javascript that will make the above code work. like I say I have no problem populating the various variables in the scrips above, its just the javascript that I need. I don't know javascript at all. 
 
Any help very welcome. Thanks
</div>
</div>

Hi all,

I have looked everywhere but am unable to find a countdown script that does what I am after. The script is for a auction site, and needs to count down in days, hours, minutes and seconds. I need to be able to place multiple (up to 30) countdown timers on one page, each counting down to a different date when the auction closes. I need to be able to simply place a div where I want the countdown to go, for example <div class="styling" id="unique_auction_ID"></div>. I need the countdown to use the server time, which I can populate into the html when it is outputed by php. I have seen the following on another auction site:

<div class="timeleftBig" id="auction3210"></div>

<script type="text/javascript">
var auction_time3210 = new cbCounter("auction3210", "auction_time3210", "July 21, 2008 00:42:42", "July 23, 2008 14:00:00", "", "Auction Closed")
auction_time3210.updateTime()
</script>

<div class="timeleftBig" id="auction3211"></div>

<script type="text/javascript">
var auction_time3211 = new cbCounter("auction3211", "auction_time3210", "July 21, 2008 00:42:42", "July 26, 2008 12:00:00", "", "Auction Closed")
auction_time3211.updateTime()
</script>

etc... for each auction. I can see in the cbcounter, the first variable is the name of the div to place the counter, not sure what the second is, the third in the server time when the page was loaded, the forth is the date and time to count down to, and the fith is the text to display when the count down has finished. I basically need the backend javascript that will make the above code work. like I say I have no problem populating the various variables in the scrips above, its just the javascript that I need. I don't know javascript at all.

Any help very welcome. Thanks

Detailed javascript counter required

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.

JScript

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.