Description

The following Javascript generator will help you create a countdown clock that will count down the seconds, minutes, hours, days, weeks, years remaining until your target date.

• Display Settings
  
  • Disabled If the number is disabled, it will never be shown. Any amount that exists is passed on to smaller increments. (eg; 6 hours disabled will display as 360 mins instead)
  • Show 0-99+ The number is always shown (even if it is a zero)
  • Show 1-99+ The number is shown if its value is 1 or more (zero is hidden)
  • Show 00-99+ The number is always shown (even if it is a zero). A two-digit number is always shown (for 0-9)
  • Show 01-99+ The number is shown if its value is 1 or more (zero is hidden). A two-digit number is shown for 1-9
    
    
• If you want to change the size, font, or color style you can ammend the last line of the generated code by adding a style="" property.
  Example: <div id="countbox1" style="font:13pt Verdana; color:#444444;"></div>
  
  
• Enabling Milliseconds requires the browser to update the countdown about 40 times every second (when disabled it only runs/updates once per second). Enabling milliseconds uses far more processing power. It should not cause any problems unless the visitors computer or browser is an antique.

Steps

1. Fill in the required target Date and target Time information.
2. Fill in how you want the countdown to be displayed.
3. Generate the HTML and JavaScript code for your countdown code snippet.
4. You can preview your script in action before leaving.
5. Copy and Paste the Source Code into your HTML page.