Fantastically animated countdowns for everybody.
Quickly is Plug & Play and tremendous simple to setup. Utilizing the Visible Builder Quickly has you creating probably the most beautiful countdowns your guests have ever seen. Decide one of many 15 Preset Templates as a place to begin or begin from scratch and design your distinctive counter.
Quickly will all the time look nice, it’s cell pleasant, quick and responsive it is going to robotically scale to the out there area round it. Quickly is appropriate with jQuery however you should utilize it with out simply as properly. The package deal accommodates the unique supply recordsdata, so when you’re tech savvy you’ll be able to tweak it to your individual liking.
Simply contact me by way of my CodeCanyon profile, I’m pleased that will help you out with any questions or issues.
Quickly is construct utilizing the most recent HTML 5 and CSS three methods. With common updates and new function releases Quickly retains getting higher and higher.
Quickly ships with intensive documentation on all it’s capabilities.
“Sensible work & Excellent help.”
“I don’t usually give product opinions, nevertheless I really feel that I’ve bought to put in writing one thing right here. Firstly, this can be a good plugin, very neat and simple sufficient to make use of. The code’s written very well and the supporting documentation is superb. Secondly, I had a difficulty with one thing I used to be attempting to make my specific countdown do. I contacted help and so they went out of their manner to assist. Honest play man’s. I extremely suggest this plugin. Sustain the good work!”
“My numerous hours of trying to find a really responsive jQuery timer got here to a triumphant finish when I discovered this plugin. That is probably the most versatile timer on the market! Effectively performed for an superior plugin!”
“That is by far probably the most elegant designed countdown software – and that doesn’t solely consult with the good seems, but in addition to the interior design of code, css and API. Since our pages are filled with legacy code and Third-party-scripts, I needed to cry my manner by way of numerous futile check installs of counters, however this one has coated each side and any drawback real-live web page would trigger. Nice work!! To be seen on koeln.de quickly.”
“Wonderful help! Very responsive and fast. Thanks!”
“This plugin is gorgeous and simple to make use of. Thanks!”
Simply drag the sliders, decide a shade, select a due date, and presto, you’re offered with you’re Quickly HTML and CSS code. It’s actually as simple as that, now anybody can create beautiful counters.
Quickly ships with 15 distinctive and responsive counter templates. You need to use them as is, or tweak them to suit your fashion. All templates could be considered on the Quickly Stay Preview touchdown web page.
Quickly is responsive and works on a variety of contemporary cell, pill and desktop browsers. Quickly will robotically measure the out there area of the dad or mum container and resize the totally different counters accordingly.
Quickly accommodates three totally different clock faces. Flip, Matrix and Textual content. Every face has it’s personal animations and customization choices. Mixed with the 2 visible types there’s sure to be a configuration that fits your particular wants.
You may mix the three clock faces with 2 totally different progress visualisations. There’s a round and a fill visualiser which every have wealthy customization and animation choices.
Set length mode to have Quickly depend down a set quantity of minutes or seconds since web page load. In day mode it is going to depend to a sure time on a sure day of the week.
You may have Quickly use the server time as a substitute of the browser time through the use of the mounted date choice.
COUNT UP AND DOWN
You may configure Quickly to depend down in the direction of a date or depend up since a date. Helpful for counting time since an occasion.
If no due date is ready, Quickly will render a Clock as a substitute of a countdown. Good for testing if Quickly has been setup appropriately.
Quickly detects when you’re a fan of jQuery, in that case, it permits the jQuery API. Should you’re not utilizing jQuery, no drawback, Quickly brings it’s personal API.
You may execute scripts on every tick or when the timer runs out through the use of the out there callback strategies.
Every face and visible has it’s personal animation choices to make your counters look further skilled.
Nonetheless cool proper?
Obtainable for each counter kind.
Use the Visible Builder to construct your individual counters. No coding required. Decide a preset or a clean canvas, choose colors, counter sorts, fonts, sizes. Simply copy and paste the ensuing snippet and also you’re able to roll.
jQuery (not required)
Quickly has bought jQuery help, however when you’re not into jQuery that’s not an issue as Quickly works with out simply as properly.
Animations & Particular Results
All Soons counters are animated. As an illustration the textual content counter could be tweaked with totally different animation sorts like slide, roll, twirl and fade. On prime of those animations Quickly brings reflections to the desk.
Quickly scales to the out there area round it. It’s so simple as that. It doesn’t matter the place you place it, Quickly will make sure that it seems nice.
There’s three totally different clock faces to select from. You’ve bought your fundamental Textual content. There’s a traditional Flipper and as a bonus there’s the Dot Matrix counter. All three faces could be animated in varied methods and have every kind of sub types.
Simply create an superior round counter. Use strong colors, gradients, outline counter course and set the offset, size and width of the ring. There’s visible results like glow and shadow plus the ring progress is animated.
Subsequent to the ring you’ve bought the choice to pick a background fill. That is form of like a vertical, horizontal or diagonal progress bar. Animated and hues could be modified.
Quickly comes with a variety of countdown choices. Additionally, properly examined help of timezones.
2016—02-25depend down in the direction of a date;
2010—02-25depend up since a date;
in 2 hoursdepend down a set quantity of hours, minutes or seconds ;
at 12:30:15depend down repeatedly in the direction of a time;
sunday at 10depend down repeatedly in the direction of a time of day;
Decide between 12 months, Month, Week, Day, Hour, Minute, Seconds and Milliseconds. The cascade function means that you can transfer values between teams, so you’ll be able to for example depend the full variety of seconds until subsequent 12 months.
By default when you don’t set a due or since date, Quickly will render a clock, so when you’re searching for a elaborate clock, Quickly is the way in which to go.
You may manually set the present time which Quickly will use to do it’s calculations.
- IE9 (no animations)
- IE8 (no animations, computerized fallback to textual content counter)
Safari on Home windows is not being maintained by Apple and therefor is presently not supported.
- 15+ Preset Templates
- Visible Builder
Model Historical past
- added low decision matrix clock model
- mounted drawback with invalid customized Google font household title
- further fixes to jQuery API, please word that the API has modified, see docs for adjustments
- mounted drawback in destroy methodology not destroying counter when utilized in placeholder
- mounted redraw on jQuery api
- improved ring redraw methodology on resizing
- improved ring preliminary drawing name
- corrected documentation code pattern on “at” due date
- mounted drawback the place quickly induced errors when included in head of doc
- mounted issues with length calculations
- added quickly separated AMD module for superior use
- added fields to manage and take away whitespace round counter
- added setOption methodology which you should utilize to vary choices whereas te counter is operating
- improved full and tick occasion, they’ll now be given perform references
- mounted flickering after browser tab was inactive.
- mounted fill mode not working appropriately.
- added fill choice which makes Quickly scale up the counter to fill all out there area.
- added ‘weeks’ and ‘months’ codecs.
- added ‘milliseconds’ format.
- added extra font presets to Visible Builder.
- added choice to set customized Google WebFont in Visible Builder.
- added freeze / unfreeze API
- added choice to manage the way in which Quickly decides to cover counter teams on small screens.
- improved efficiency of documentation.
- improved API documentation.
- improved timer algorithm.
- improved responsive habits, Quickly now accommodates a wise scaling algorithm to cover unused or low precedence counter teams. Rendering of the round counter has additionally been improved on small scales.
- improved Opera 12 help.
- added ‘disguise’, ‘redirect’ and ‘perform’ to on-complete choice in Visible Builder
- improved button structure for Visible Builder
- improved browser help for Visible Builder
- added onTick callback methodology
- added CSS override discipline to visible builder
- added seconds to time fields in visible builder
- added presets choose to visible builder
- added choice to create personal presets to visible builder
- added reset at time of day mode
- added vertical and horizontal gradient mode
- mounted bug in cross browser timezone associated calculations
- mounted ring glow shade
- mounted gradient ring issues on not full size rings and rings with totally different offsets
- eliminated reference to quickly.css.map in unminified types.css file
- added placeholder setup
- added max-scale setting
- added due-in-time mode
- added due-at-time mode
- added due-at-day mode
- added timezone help to visible builder
- added redraw methodology to API to manually set off redraw of a quickly node
- improved responsive behaviour
- improved script embedding
- mounted API destroy methodology bug the place it might not eradicating the quickly little one nodes
- added a a lot improved visible builder
- added dot matrix gradient fill types
- added ring invert setting
- added ring gradient fill types
- added ring elements alignment
- added ring separate width controls
- added ring progress and background shadow
- added label coloring to visible builder
- added label uppercase and lowercase fashion presets
- added separator coloring to visible builder
- added data-auto=”false” to permit blocking of kickstart
- improved ring label positioning
- improved ring rendering efficiency
- improved ring default shadow types
- improved setup of public API
- mounted ticker reset bug the place timer wouldn’t reset correctly
- mounted some incorrectly documented options
- mounted ring tender shadow being minimize of on the backside
- mounted ring hole stopping the progress half from reaching the top state
- mounted the fill reflection from being flipped the improper manner round
- mounted reset performance
- added 12 months denominator
- added depend up mode
- preliminary launch