That Is a javascript based totally software that makes use of the canvas object to animate SVG defined drawings. The instrument makes use of a turn animation to display the closing time to or the elapsed time from a goal date. The tool detects modification of width and top of its container object and responds hence. because it uses vector knowledge to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it will get resized. The instrument options around 30 options to customize but it surely too can be utilized in an easy configuration.
1. so as to play, the device needs to execute on a div that may be relatively or completely located, for the reason that software creates layers of canvas gadgets within the div that are absolutely positioned. The div must have an identification attribute in order to be simply decided on. The div will have width outlined with percent values. Each And Every resize of browser will get detected by means of the device and it's going to redraw therefore. the height of the div isn't important, since the software will amendment it so as to draw the countdown. there's a parameter despite the fact that that defines the utmost peak the device may have. here is an instance of a div object that can be used:
2. after you have created the div element you're going to wish to import some Javascript files. Those are jQuery, and the countdown plugin. In my demos, I upload those in the header of the file.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script kind="text/javascript" src="jquery.responsive_countdown.min.js"></script>3. Finally you wish to make a choice the div element and run the countdown. it's conceivable to not specify any options and the default ones will be used.
<script> jQuery(document).ready(serve as($) $('#first_countdown').ResponsiveCountdown(); ); </script>
- Rely down / Depend up.
- Responsive behavior. The tool scales in step with to be had width.
- Visible device that make it easier to to create your distinctive countdown.
- Endless colour combinations. Forged colour for the digits. Gradient colour for the panels.
- Show hide teams.
- point of view modes.
- Two sets of digits. 3 sets of panels.
- Setting of time zone.
- Environment of label captions.
- Setting of labels font and dimension.
- Teams spacing. Groups divider – circles or squares.
- Utilization of time settings coming from a server. Synchronization happens handiest through the initialization of the software.
- Customized mode, that permits surroundings of the digits through the utilization of a public means.
foomonkey
Major reason: Customer Service
Extra comments from the buyer: in case you are in search of the best countdown, that is it! I tested 8 different versions of this, bought and personal library. This was super easy to install and very simple to style just the best way i wanted it. To most sensible it off i really needed a moderate adaptation within the quantity colours and the developer replied within an hour and equipped the revised code. chrisdean is an unbelievable author FIVE STARS. THANKS!
kryten68
Primary explanation why: Layout High Quality
Extra feedback from the consumer: Superb!
chillgeeksdesign
Major reason why: Customer Support
Further feedback from the consumer: Awesome documentation with instant customer service. I’d counsel this to everybody. Have used it in a cellular app, works like a allure !!
OneManOutfit
Major reason why: Customer Support
Extra feedback from the buyer: The Most Efficient Countdown counter in the market Thanks so much
UPDATE 18 MAR 2015
New possibility delivered – f_weight. Factor repair in customized mode.
UPDATE 24 MAR 2014
Small factor removed concerning labels.
UPDATE 20 MAR 2014
Target date reached experience handling factor is removed.
UPDATE 11 MAR 2014
New function added – usage of server time surroundings.
New feature brought – custom mode.
Higher managing of labels visualization.
REPLACE 13 FEB 2014
New function brought – groups spacing.
New function introduced – teams divider (“none”, “squares”, “circles”).
Skill to show on/off the glow impact behind labels.
REPLACE 10 FEB 2014
Minor computer virus mounted in index.html, relating to bgr_color.
a topic used to be mounted with entire event managing.
FULL DOWNLOAD
No comments:
Post a Comment