- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon Smart Timer And Counter 6059548
Date \ Counter \ Jquery \ Responsive \ Timer \ Time \ Countdown \ Down \ Circular
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.
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, dividers and labels.
List of Modes Controls
- Layout : combine order for ‘years, ‘months’, ‘days’, ‘hours’, ‘minutes’, ‘seconds’.
- Dividers : several dividers 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
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
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 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.
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.
- Many settings to control counters display : dividers, spacing, labels location, responsiveness…
- Includes methods to start, stop, reset or modify counter object for each applied element.
- Includes 11 page PDF documentation with information on skins, modes, settings and styles.
Version 1.0 / 2013.11.07.
- First Release
Smart Navigation Breadcrumbs; Smart Image Tooltip; Smart CRON Tools; Smart Tabber Widget; Simple System Info; Smart Options Optimizer; Smart Web Fonts Control.
Keywords: animated, canvas, circular, clock, coming soon, count down, countdown, counter, css, date, jquery, responsive, time, timer.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- CodeCanyon Clientage PHP Login System 19002179
- CodeCanyon Geoamplify multi-user SaaS 18977129
- CodeCanyon MonsterTV plugin to create nice banners with motion graphics for WordPress 18925779
- CodeCanyon Seo Friendly & Optimized Share buttons 18998458
- CodeCanyon Ninja War HTML5 Game & Admob Construct 2 CAPX 19071918
- CodeCanyon Brain training Double dots 19067232
- ThemeForest NorthWind A Versatile Full-Screen Slider Theme for Photographers 19030935
- ThemeForest Appx Responsive App Landing Page 19029861
- ThemeForest Milano Fashion Responsive Virtuemart Template 19027473
- ThemeForest Max Electronic Services PSD Template 19035793