15 jQuery & CSS3 Countdown Timer Scripts

Unlimited Downloads : 300,000+ Design Assets

When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter. Here are jQuery & CSS scripts that will show the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.

Soon Countdown

Plug & Play and super easy to setup. Using the Visual Builder Soon has you creating the most stunning countdowns your visitors have ever seen. Pick one of the 15 Preset Templates as a starting point or start from scratch and design your unique counter.

soon

flipclockjs

FlipClock.js is an extendable API to create a clock, timer or countdown with added flip effect. It is themeable using pure css. The library requires jQuery 1.7+ and prefixfree.js (for animations).

flipclockjs-1

jQuery Countdown

A jQuery plugin that sets a div or span to show a countdown to a given time.

jquery-countdown-2

TimeTo

Need to add a countdown timer to your web page? Why don’t you try a jQuery plugin such as TimeTo? Yes TimeTo, a jQuery plugin which will let you add a countdown timer or a digital clock to your document. Lightweight and fully customizable, TimeTo can be used for displaying countdown for predefined time and date. Alternatively it can be used for displaying a plain digital clock on a web page.

By default TimeTo jQuery plugin adds a digital clock which displays the current system time. But you’ll get tons of customization options to make it work according to your requirements. For example: you can set delay to specific date and time. Customizable options include font size, font family, language, color theme etc. You will also be able to add captions, display days and set a function to call when the countdown ends.

timeto-3

jQuery Countdown Timer

When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter. Today we are going to build a neat jQuery plugin for displaying a countdown timer. It will show the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second. Note: the plugin is also available on Github.

timer-4

JBMarket Circular Countdown

Circular Countdown is a plugin counting the time left to the opening of your under construction website.

JBMarket-Countdown-5

Countdown timer on jQuery Canvas

ctimer-10

jCountdown

jCountdown is a highly customizable jQuery plugin, you can easily to use it on your site, you can try some different setting at preview page.

jcount-6

jquery-countdown

jQuery Countdown plugin that doesn’t sucks!

countdown-7

jQuery Countdown Script

This is an Easy to use animated countdown javascript. Full example features a complete “under construction” page with 2 skins.

free-plugin-8

Free jQuery Count Down Plugin: County

County is a free jQuery count down plugin build with powerful jQuery library and loaded with various customization options. It allows you to control the animation, color schemes and many other parameters.

free-jquery-countdown-plugin-county-9

CSS Flip-Counter

The downside of not having images as your digits means you are at the mercy of the different ways browsers render text and handle transforms. Working fine in Chrome on Mac, alignment issues on Chrome for Windows.

CSS Flip-Counter Revisited

CSS3 Countdown

css3-countdown-12

countdown clock

A countdown clock that is powered only by CSS. The countdown length is 1 hour and it shows minutes, seconds and the hundredths of seconds as they tick.

count-13

Circular minimal countdown

Lightweight plugin to render simple, animated and retina optimized pie charts.

countdown-14


1 Comments

  1. Sebastiansays:

    Please refer to our Count Everest Countdown Plugin on Codecanyon: http://codecanyon.net/item/count-everest-countdown-responsive-jquery-plugin/6466098?ref=Anacoda

    Some of our features:

    – Lightning Fast Integration
    – No Javascript Knowledge Required
    – Easily Extendable and Customizable
    – Responsive Example Layouts
    – Display Days, Hours, Minutes, Seconds, Deciseconds, Milliseconds with or without Labels
    – Every Label is Customizable
    – Left-Hand Zeros
    – Well Documented
    – Performance Optimized
    – Callback Functions
    – Lots of Options
    – Fast Email Support

    Thanks for adding us to your list! 🙂

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked