Plugin InformationSmart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

- Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.

- Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.

Plugin is tested with current Android (with 2.3.5, 4.0.2 and 4.1.2) browsers, iPhone and iPad Safari and Chrome (with iOS7), all modern desktop browsers (IE8 and IE9 will not show some of the styling). It requires JavaScript and jQuery support to work.

Clock and Counter Modes, Custom LayoutsPlugin can work as clock or as counter. If used as clock, you can show current date/time, or you can start from any date. Counter can countdown to any date, countdown any number of seconds or countup to any seconds limit. Plugin can display different combination of time and date elements, dividers and labels.List of Modes Controls

Plugin has 6 built in skins to display clocks/counters. Simple and Animated skins have 14 styles each (some the same). Animated skin uses animations (SlideIn, SlideOut, Fade, FadeIn, FadeOut) to change digits. Inline skin can be used on SPAN tags for adding counters inline with text with minimal styling changes.List of Available Skins

- Base : bonus skin with no styling included, with same behavior as Simple skin.

Custom Skin allows free customization

To use this skin, Animated skin also needs to be loaded. This skin has no predefined skins. But, you can set custom colors, background, shadows, effects from plugin settings. This allows you easy customization of colors and styles. Also, you can change colors independently for every counter element.Circular Skin uses Canvas to show circular dials

Based on third party jQuery Knob library, allows full customization of size and colors (even using transparency) for number dials.Easy customization and integration with detailed documentation

Plugin has wide range of settings for skins, modes, language. It is easy to customize and use with any jQuery based project. Documentation contains detailed explanation of all settings, list of values, list of styles and more. Plugin package has plenty of demos.Many events and methods available for extra control

Many events available to attach your own code to control things outside of the timers (progress bar, events on the page) with methods to get current state of the counts or clocks, stop or start timers and more. Example in the package shows how to control progress bar for countdown.Other plugin features

- Support for translation using language objects to change date/time element labels.

- Attach your own code on callback events to handle start, stop, finish and other things.