A small preview window at the bottom right corner of your web page should also appear next to the form. Use the form below to customize your own countdown timer.
There are many ways for you personalize your own countdown timer, simply by filling out the gray form below on this page. Our free countdown timer is an accurate timer that you can use for your website or blog.Ĭount down to any special event, such as a birthday or anniversary.
You may need to download and install the digital font or just use a standard font. You can change the colors, transitions, etc. They only need to be changed if you want to customize what is shownīackground: -webkit-linear-gradient(90deg, #ccc 2%, white 20%, white 50%, DarkCyan 60%) īackground: -moz-linear-gradient(90deg, #ccc 2%, white 20%, white 50%, DarkCyan 60%) īackground: -ms-linear-gradient(90deg, #ccc 2%, white 20%, white 50%, DarkCyan 60%) īackground: -o-repeating-linear-gradient(90deg, #ccc 2%, white 20%, white 50%, DarkCyan 60%) īackground: -linear-gradient(90deg, #ccc 2%, white 20%, white 50%, DarkCyan 60%) NOTE: the default display setting will work for most people
Enabling Milliseconds requires the browser to update the countdown about 40 times every second (when disabled it only runs/updates once per second).If you want to change the size, font, or color you can edit the last line of your generated code and add a style="" property like:.Show 01-99+ The number is shown if its value is 1 or more (zero is hidden).A two-digit number is always shown (for 0-9) Show 00-99+ The number is always shown (even if it is a zero).
Behavior is the same as v2, but the internals are completely rewritten in order to make handling multiple countdowns more efficient and allow for easier drop-in changes.