Codecanyon Full Download: Smart Timer and Counter

Sunday, January 1, 2017

Smart Timer and Counter

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

All styling is done the use of CSS (and Canvas for Round pores and skin), and all incorporated kinds are pure CSS with out a photographs used. Controls are responsive, uses media queries to modify counter sizes, and it can holiday into multiple lines on smaller displays.

Plugin is tested with current Android (with 2.THREE.FIVE, FOUR.1.4 and 4.FOUR.4) browsers, iPhone and iPad Safari and Chrome (with iOS 8.1), all modern laptop browsers (IE8 and IE9 is not going to display some of the styling). It calls for JavaScript and jQuery strengthen to paintings.

Clock and Counter Modes, Customized Layouts

Plugin can paintings as clock or as counter. If used as clock, you'll display current date/time, or you can get started from any date. Counter can countdown to any date, countdown any number of seconds or countup to any seconds prohibit. Plugin can display other mixture of time and date parts, dividers and labels.

List of Modes Controls

Format: mix order for ‘years, ‘months’, ‘days’, ‘hours’, ‘mins’, ‘seconds’.
Dividers: a couple of dividers available to separate date / time components.
collection of Digits: customise collection of digits for each date / time component.

Listing of Counter Strategies

Date: it must be in the future set the use of JavaScript Information item. Plugin will depend to 0 to reach set date.
Elapsed: it have to be within the earlier set the usage of JavaScript Data item. Plugin counts how a lot time has elapsed seeing that previous date.
Seconds: depend to 0 from unique selection of seconds.
Objective: depend from 0 to special choice of seconds.

Numbers based rely up and down module

Plugin too can use number primarily based layout to depend up or down with great flexibility. It allows customized number of digits, decimal places, decimal and thousand separators, customized step (even randomized from set range). You'll specify one character before and after the counter (like currency signal).

All included skins (with the exception of Circular) paintings with the numbers module. A Few skins can have a little different settings.

7 Skins for show: Base, Easy, Lively, Circular, Customized, Undeniable and Inline

7 Skins for display: Base, Simple, Animated, Circular, Custom, Plain and Inline

Plugin has 7 built in skins to display clocks/counters. Easy and Lively skins have 14 styles every (a few the similar). Lively skin makes use of animations (SlideIn, SlideOut, Fade, FadeIn, FadeOut) to modify digits. Inline pores and skin can also be used on SPAN tags for including counters inline with text with minimal styling adjustments.

Checklist of accessible Skins

Easy: easy means of exhibiting digits, comes with 14 predefined styles.
Animated: makes use of animation to switch digits, comes with 14 predefined types and FIVE animations.
Inline: for components throughout the textual content, comes with 6 predefined types.
Circular: makes use of Canvas to render round dials, unlimited colour customizations.
Custom: prolonged from Lively Skin, permits loose regulate over colours and styling.
Undeniable: more practical skin with loose control over colors and some control for stylings.
Base: bonus skin with no styling included, with similar habits as Easy pores and skin.

Customized Skin allows unfastened customization

to make use of this pores and skin, Animated skin also needs to be loaded. This skin has no predefined skins. But, you can set custom colors, heritage, shadows, results from plugin settings. this permits you simple customization of colours and types. Also, you'll change colors independently for each counter element.

Plain Pores And Skin permits easy customization

this is very simple skin that permits customization of colors, font and different parts.

Round Pores And Skin makes use of Canvas to show round dials

Circualar Skin uses Canvas to show circular dials

in keeping with third party jQuery Knob library, allows full customization of dimension and hues (even the usage of transparency) for quantity dials.

Simple customization and integration with certain documentation

Easy customization and integration with detailed documentation

Plugin has wide range of settings for skins, modes, language. it is simple to customise and use with any jQuery based totally project. Documentation accommodates exact clarification of all settings, listing of values, record of types and more. Plugin package has quite a few demos.

Many occasions and methods to be had for extra keep watch over

Many events and methods available for extra control

Many occasions available to attach your personal code to control things outside of the timers (development bar, events on the page) with the right way to get current state of the counts or clocks, forestall or get started timers and more. Instance in the package deal shows how to regulate development bar for countdown.

Different plugin features

Fortify for translation the use of language objects to switch date/time component labels.
Attach your personal code on callback events to address start, forestall, end and other issues.
Many settings to control counters display: dividers, spacing, labels area, responsiveness…
Comprises easy methods to start, stop, reset or alter counter item for each applied element.
Contains 4 PDF information documentation with information on skins, modes, settings and types.