JavaScript Countdown / Count-up Timer /Clock/ Ticker Widget for blogs

Cost-free and advertising-free. But a link to this page is appreciated.
Note: This service comes with NO GUARANTEES. No liability is assumed.

  • A free and simple JavaScript countdown/Count-up timer/clock/ticker to/from the target date and time of your choice. Just copy and paste widget code 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. Count Active 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.
  • Display Format 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 Finish Message to display a desired message (or nothing, i.e. ""), when countdown reaches zero. Obviously never displayed when counting up.
  • Count Stepper 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 Target Date, otherwise only the finish message is displayed.
  • Single digits are displayed with leading zeros, unless Leading Zero is set to false.



  •   Here's the simple JavaScript countdown/count-up widget 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>
     
     Here is what the user will see:                                     
    
  • Comments

    Popular Posts