Countdown/Count-up Timer/Clock/Ticker

Source http://www.hashemian.com/tools/javascript-countdown.htm

• Simple JavaScript countdown/Count-up timer/clock/ticker to/from the target date and time of your choice. Just copy and paste to your Web pages. You can also customize the display format, foreground and background colors of the countdown timer.

• You can omit most parameters. Default values will be used in that case. CountActive is used to enable to disable counting. If you only want to show a fixed static time-remaining message, set it to false. It’ll save on browser resources.

• DisplayFormat allows you to format the countdown/Count-up display to your liking. For example, instead of the default English, you can use terms from your own language, or make any other desired adjustments, like omitting the Seconds segment.

• Use FinishMessage to display a desired message (or nothing, i.e. ““), when countdown reaches zero. Obviously never displayed when counting up.

• CountStepper specifies the step value or period (in seconds) for the counter. Use positive number for counting up, negative number for counting down. Value is rounded up to next integer. When specifying positive (count up), be sure to specify past TargetDate, otherwise only the finish message is displayed.

• Single digits are displayed with leading zeros, unless LeadingZero is set to false.

Simply cut and paste this code into source mode in publish

<script language="JavaScript">
TargetDate = "12/31/2020 5:00 AM";
BackColor = "palegreen";
ForeColor = "navy";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "It is finally here!";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>

Download Js here

	<script language="javascript" src="countdown.js"></script>
	<script language="javascript">
		var cd1 = new countdown('cd1');
		cd1.Div			= "clock1";
		cd1.TargetDate		= "03/14/2011 9:00 AM";
		cd1.DisplayFormat	= "%%D%% days, %%H%% hours, %%M%% minutes, %%S%% seconds";
 
		var cd2			= new countdown('cd2');
		cd2.Div			= "clock2";
		cd2.TargetDate		= "02/28/2011 9:00 AM";
		cd2.DisplayFormat	= "%%D%% days, %%H%% hours, %%M%% minutes, %%S%% seconds";
 
 
 
	</script>
 
<div id="clockwrapper"><div id="clock1">[clock1]</div></div>
<div id="clockwrapper"><div id="clock2">[clock2]</div></div>
 
<script language="javascript">
<!--
	cd1.Setup();
	cd2.Setup();
//-->
</script>