Scribd
Upload
247 views

Javascript CountdownCount-Up Timer Clock Ticker For Web Pages

This document provides instructions for using a free JavaScript countdown/count-up timer on web pages. It allows customizing the target date and time, colors, display format, and finish message. The code can be copied and pasted into a web page to include a countdown or count-up timer that updates automatically in the browser.

Uploaded by

Madhusudhan Rao
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
247 views

Javascript CountdownCount-Up Timer Clock Ticker For Web Pages

This document provides instructions for using a free JavaScript countdown/count-up timer on web pages. It allows customizing the target date and time, colors, display format, and finish message. The code can be copied and pasted into a web page to include a countdown or count-up timer that updates automatically in the browser.

Uploaded by

Madhusudhan Rao
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

A free and simple JavaScript countdown/Count-up timer/clock/ticker to/from the t arget date and time of your choice.

Just copy and paste to your Web pages. You c an also customize the display format, foreground and background colors of the co untdown timer. You can omit most parameters. Default values will be used in that case. CountAct ive is used to enable to disable counting. If you only want to show a fixed stat ic 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 l anguage, or make any other desired adjustments, like omitting the Seconds segmen t. Use FinishMessage to display a desired message (or nothing, i.e. ""), when count down reaches zero. Obviously never displayed when counting up. CountStepper specifies the step value or period (in seconds) for the counter. Us e positive number for counting up, negative number for counting down. Value is r ounded up to next integer. When specifying positive (count up), be sure to speci fy past TargetDate, otherwise only the finish message is displayed. Single digits are displayed with leading zeros, unless LeadingZero is set to fal se. Here's the simple JavaScript countdown/count-up code (copy and paste to your Web page): <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>

You might also like