Smart Timer And Counter:new psd templates

November 08, 2013 at 08:00PM

JavaScript – Smart Timer And Counter | CodeCanyon

Smart Timer And Counter his title this type of JavaScript/Countdowns This time I will review,made by GDragoN, JavaScript/Countdowns is sold at a price of $8 in themeforest.

Smart Timer And Counter - CodeCanyon Item for Sale

marketplace.load(“http://jwpsrv.com/library/9Vqd1GQnEeKMjiIACp8kUw.js”); marketplace.queue(function(){ new marketplace.Video({ file: “http://2.s3.envato.com/h264-video-previews/79a62e66-471a-11e3-949b-005056923f83/6059548.mp4″, poster: “http://1.s3.envato.com/files/72107531/smart-timer-and-counter.preview.jpg”, title: “Smart Timer And Counter”, height: “720″, width: “1140″, embed_url: “http://codecanyon.net/item/smart-timer-and-counter/embed/6059548″, isMainPreview: false, downloadButtonImage: “http://3.envato-static.com/assets/common/icons-buttons/jwplayer/download-eb5728b2b4151e6add30ad99706fbd81.png” }).setup(); });

animated // canvas // circular // clock // coming soon // count down // countdown // counter // css // date // jquery // responsive // time // timer //

Created	8 November 13
Last Update	8 November 13
Compatible Browsers	IE8, IE9, IE10, Firefox, Safari, Opera, Chrome
Software Version	jQuery
Files Included	JavaScript JS, HTML, CSS

More Info…Smart Timer And Counter ..

Plugin Home Page Support Forums Follow on Twitter Video on Youtube

Plugin Information

Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the webpage. 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 Layouts

Plugin 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, piders and labels.

List of Modes Controls

Layout: combine order for ‘years, ‘months’, ‘days’, ‘hours’, ‘minutes’, ‘seconds’.

Dividers: several piders available to split date / time elements.

Number of Digits: customize number of digits for each date / time element.

4 Skins for display: Simple, Animated, Circular and Inline

4 Skins for display: Simple, Animated, Circular and Inline Plugin has 4 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

Simple: simple way of displaying digits, comes with 14 predefined styles.

Animated: uses animation to change digits, comes with 14 predefined styles and 5 animations.

Inline: for elements inside the text, comes with 4 predefined styles.

Circular: uses Canvas to render cirular dials, unlimited color customizations.

Circualar Skin uses Canvas to show circular dials

Circualar 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

Easy customization and integration with detailed documentation Plugin has wide range of settings for skins, modes, language. It is easy to customiza 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.