🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

countid is a multifunctional jQuery plugin used to create count up and countdown timers for your webpage or web application.

countdown timer counter count-up

Documentation

Countid

jQuery Plugin to count up and count down numbers or clock times

Requirements:

Countid plugin requires the latest version of jQuery. Also you can include waypoints plugin to execute the counting after you scroll to the countid element

Usage

jsFiddle example for count up and count down

Custom formatting

See jsFiddle example to customize your number output

Clock timer

See jsFiddle example to count down and count up clock

Options

A complete listing of the plugin options is below.

Option Data Attribute Default Description
start data-start 0 start
end data-end 0 end
speed data-speed 10 speed in fps - frames per seconds
tick data-tick 10 tick
clock data-clock false clock
switchClock data-switch-clock true switchClock
dateTime data-date-time '%m/%d/%y %h:%i:%s' Possible formats: You can set this value to the number of seconds or specific MM/DD/YYYY H:i:s date or you can set a mask '%m/%d/%y %h:%i:%s' and every mask input will be replaced by current datetime value. For example you can set this option to '12/24/%y' and the counter will count up or count down to/from the Christmas Eve of this year.

You May Also Like