[ad_1]
To get this product on 50 p.c low cost contact me on this link
Smart Timer And Counter is a jQuery plugin that can be utilized so as to add timers and clocks to the net web page. Plugin is extremely configurable and expandable by means of customized skins (visible element), modes (clock/timer logic) and languages (translate labels).
 |
 |
 |
 |
All styling is completed utilizing CSS (and Canvas for Circular pores and skin), and all included kinds are pure CSS with no pictures used. Controls are responsive, makes use of media queries to alter counter sizes, and it will possibly fracture into a number of strains on smaller screens.
Plugin is examined with present Android browsers, iPhone and iPad Safari and Chrome, all trendy desktop browsers (IE8 and IE9 won’t present many of the styling associated to some extra complicated skins). It requires JavaScript and jQuery help to work.
Endless styling possibilites
Clock and Counter Modes, Custom Layouts
Plugin can work as clock or as counter. If used as clock, you may present present date/time, or you can begin from any date. Clock mode can present time in 24 hours (default) format or in 12 hours format (with the AM/PM immoralge). Counter can countdown to any date, countdown any variety of seconds or countup to any seconds restrict. Plugin can show completely different mixture of time and date components, dividers and labels.
List of Modes Controls
- Layout: mix order for ‘years, ‘months’, ‘days’, ‘hours’, ‘minutes’, ‘seconds’.
- Dividers: a number of dividers out there to separate date / time components.
- Number of Digits: customise variety of digits for every date / time aspect.
List of Counter Methods
- Date: it should be sooner or later set utilizing JavaScript Data object. Plugin will rely to zero to achieve set date.
- Elapsed: it should be previously set utilizing JavaScript Data object. Plugin counts how a lot time has elapsed since previous date.
- Seconds: rely to zero from specified variety of seconds.
- Target: rely from zero to specified variety of seconds.
Numbers based mostly rely up and down module
Plugin also can use quantity based mostly format to rely up or down with nice flexibility. It permits for customized variety of digits, decimal locations, decimal and thousand separators, customized step (even randomized from set vary). You can specify one character earlier than and after the counter (like foreign money signal).
All included skins (excluding Circular) work with the numbers module. Some skins can have a bit completely different settings.
7 Basic Skins: Base, Simple, Animated, Circular, Custom, Plain and Inline
Plugin has 7 inbuilt skins to show clocks/counters. Simple and Animated skins have 14 kinds every (some the identical). Animated pores and skin makes use of animations (SlideIn, SlideOut, Fade, FadeIn, FadeOut) to alter digits. Inline pores and skin can be utilized on SPAN tags for including counters inline with textual content with minimal styling modifications.
List of Available Skins
- Simple: easy manner of displaying digits, with 14 predefined kinds.
- Animated: animation to alter digits, with 14 predefined kinds and 5 animations.
- Inline: for components contained in the textual content, with 6 predefined kinds.
- Circular: makes use of Canvas to render round dials, limitless colour customizations.
- Custom: prolonged from Animated Skin, free management over colours and styling.
- Plain: easier pores and skin with free management over colours and a few management for stylings.
- Base: bonus pores and skin with no styling included, with identical habits as Simple pores and skin.
Flip Skin
Flip pores and skin is absolutely customizable, and it means that you can use customized colours for digits, background and label, use shadows, specify dimensions, change font household and dimension.
Skin works with each timers and numbers modules in Smart Timer And Counter plugin. It can flip a number of digits in the identical time.
Four LED Skins: Segments, Bars, Matrix 3×5 and 5×7
This is traditional 7 Segment LED show, and it helps completely different sizes (weight from 2 to 20 pixels) with customized width and peak for segments, customized colours, transitions and skew impact by any diploma. Border radius settings are usually not supported for this pores and skin.
These skins creates matrix with 3×5 or 5×7 dots for every quantity. You can customise dimension (any dot weight worth), customized colours, border radius for dots, transitions and skew impact by any diploma.
8 Flat Skin: Panels, Diamonds, Tiles, Squares, Bars, Rectangles, Circles, Rounds
Additional skins based mostly on fundamental shapes. These skins are for the Counter module solely, they’ll’t be used with Numbers module.
List of Available Skins
- Panels
- Diamonds
- Tiles
- Bars
- Sqaures
- Rectangles
- Cicles
- Rounds
Custom Skin permits free customization
To use this pores and skin, Animated pores and skin additionally must be loaded. This pores and skin has no predefined skins. But, you may set customized colours, background, shadows, results from plugin settings. This permits you simple customization of colours and kinds. Also, you may change colours independently for each counter aspect.
Plain Skin permits simple customization
This may be very easy pores and skin that permits customization of colours, font and different components.
Circular Skin makes use of Canvas to point out round dials
Based on third social gathering jQuery Knob library, permits full customization of dimension and colours (even utilizing transparency) for quantity dials.
Easy customization and integration with detailed documentation
Plugin has big selection of settings for skins, modes, language. It is simple to customise and use with any jQuery based mostly undertaking. Documentation comprises detailed rationalization of all settings, record of values, record of kinds and extra. Plugin package deal has loads of demos.
Many occasions and strategies out there for further management
Many occasions out there to connect your personal code to manage issues outdoors of the timers (progress bar, occasions on the web page) with strategies to get present state of the counts or clocks, cease or begin timers and extra. Example within the package deal exhibits find out how to management progress bar for countdown.
Other plugin options
- Support for translation utilizing language objects to alter aspect labels.
- Attach your personal code on callback occasions to deal with begin, cease, end…
- Many settings to manage counters show: dividers, spacing, labels…
- Includes strategies to begin, cease, reset or modify counter object components.
- Includes 7 PDF documentation information with details about the plugin.
- Includes 26 demo information with nearly 100 demos.
System Requirements
- jQuery 1.7 or newer
- Works with jQuery 2.x and three.x
Documentation
Plugin comprises PDF consumer and builders guides contained in the plugin package deal, within the ‘docs’ listing. Check out this paperwork to get info on plugin choices, utilization and extra. To begin with the plugin, open the ‘index.html’ file within the browser to get the details about plugin utilization, and record of demos to get you began with the plugin utilization. You also can discover every instance within the ‘demo’ listing.
Version 4 Notice
Version 4.Zero of the plugin comprises all of the skins that beforehand belonged to the addons. Because of that, some file names have been modified, so whenever you change to new model make sure that to test which information you want and if a few of them have modified names.
Changelog
Version 4.0 / 2019.04.23.
- Added: All extra skins included in the primary package deal
- Added: All the additional demos for all of the skins
- Added: Dropdown used for the demo navigation management
- Added: Additional set up packs for numerous added skins
- Updated: Improved CSS minfication utilizing CSSO engine
- Updated: JavaScript solely minified, not utilizing packer
- Updated: Improved demo examples and set up directions
- Updated: Many enhancements to the core JavaScript
- Updated: Various modifications to file names for higher consistency
- Updated: Demo CSS and JS information moved to personal location
- Updated: Works with jQuery 3, examined with jQuery 3.4
- Updated: Some distribution and pack file names are modified
- Fixed: Several minor language associated constructs
- Fixed: Some fundamental skins weren’t minfied
Version 3.5 / 2017.08.23.
- Added: Option for clock mode can show AM/PM immoralge
- Added: Folder ‘begin’ with the essential ‘mild.html’ instance web page
- Updated: All skins improved to help AM/PM immoralge aspect
- Updated: Styling improved to help AM/PM immoralge aspect
- Updated: Works with jQuery 3, examined with jQuery 3.2.1
- Updated: Third social gathering library up to date jQuery Knob 1.2.13
- Fixed: Reset technique now correctly updates the timer show
 |
 |
 |
 |
[ad_2]
To get this product on 50 p.c low cost contact me on this link
