Quickly Countdown Builder, Responsive jQuery Plugin

Fantastically animated countdowns for everyone.

Soon is Plug & Play and super easy to setup. Using the Visible Builder Quickly has you creating the most surprising countdowns your visitors have ever observed. Select one of the 15 Preset Templates as a place to begin or get started from scratch and layout your unique counter.

Quickly will always glance great, it is cell friendly, rapid and responsive it is going to routinely scale to the available space around it. Quickly is suitable with jQuery but you'll be able to use it with out simply as well. The bundle incorporates the unique supply information, so when you’re tech savvy you'll be able to tweak it for your own liking.

you'll be able to additional customize Soon for your personal liking with simple HTML attributes or by utilizing the JavaScript API described in the specific documentation.

Simply touch me thru my CodeCanyon profile, I’m happy to assist you out with any questions or problems.

Soon is construct the use of the most recent HTML 5 and CSS 3 tactics. With common updates and new feature releases Quickly keeps recovering and higher.

Quickly ships with intensive documentation on all it’s capabilities.

“Good paintings & Very Good improve.”
-skymaster

“I don’t normally supply product reviews, alternatively i feel that I’ve were given to write one thing right here. To Begin With, this is a super plugin, very neat and straightforward enough to use. The code’s written very well and the helping documentation may be very just right. Secondly, I had an issue with something i used to be looking to make my explicit countdown do. I contacted beef up and so they went out in their approach to help. Fair play guy’s. I extremely recommend this plugin. sustain the nice paintings!”
-studioeightyeight

“My numerous hours of in search of a truly responsive jQuery timer got here to a victorious end whilst i found this plugin. this is essentially the most flexible timer available in the market! Neatly done for a fantastic plugin!”
-Lnk7

“that is via a ways essentially the most elegant designed countdown software – and that does not handiest seek advice from the good appears, but additionally to the inner layout of code, css and API. Since our pages are full of legacy code and third-birthday party-scripts, I had to cry my method via numerous futile test installs of counters, but this one has lined each facet and any problem that a actual-live page could result in. Nice paintings!! To be noticed on koeln.de soon.”
-ulikoeln

“Excellent improve! Very responsive and fast. Thanks!”
-markulrich

“This plugin is lovely and simple to use. Thank You!”
-drhouse7x

KEY OPTIONS

Simply drag the sliders, pick a color, select a due date, and presto, you’re presented with you’re Quickly HTML and CSS code. It’s truly as simple as that, now any person can create stunning counters.

Soon ships with 15 distinctive and responsive counter templates. you'll use them as is, or tweak them to suit your style. All templates may also be seen on the Soon Reside Preview landing web page.

Soon is responsive and works on a wide vary of modern mobile, pill and computer browsers. Quickly will robotically degree the to be had space of the discern container and resize different counters subsequently.

Soon incorporates 3 different clock faces. Turn, Matrix and Textual Content. Every face has it’s personal animations and customization choices. Mixed with the two visible styles there’s bound to be a configuration that fits your particular wishes.

you'll be able to combine the 3 clock faces with 2 other progress visualisations. There’s a circular and a fill visualiser which each have rich customization and animation options.

JavaScript’s default timer will lag at the back of whilst it’s active for longer time classes. Quickly encompasses a correction algorithm to make certain every 2d actually is a 2nd.

Set period mode to have Soon count down a fixed quantity of mins or seconds considering the fact that web page load. In day mode it'll depend to a certain time on a definite day of the week.

you'll have Soon use the server time as opposed to the browser time by using the mounted date choice.

DEPEND UP AND DOWN
you'll be able to configure Quickly to rely down in opposition to a date or depend up for the reason that a date. Useful for counting time on the grounds that an adventure.

CLOCK MODE
If no due date is ready, Soon will render a Clock rather than a countdown. Best for testing if Soon has been setup appropriately.

JQUERY API
Soon detects if you’re a fan of jQuery, if that is so, it enables the jQuery API. in the event you’re not the usage of jQuery, no drawback, Quickly brings it’s personal API.

EVENTS
you can execute scripts on every tick or when the timer runs out through the use of the to be had callback methods.

ANIMATIONS
Each And Every face and visual has it’s own animation options to make your counters glance extra skilled.

REFLECTIONS
Still cool right?
Available for every counter sort.

Visual Builder
Use the Visual Builder to build your own counters. No coding required. Select a preset or a blank canvas, select colours, counter sorts, fonts, sizes. Just copy and paste the ensuing snippet and also you’re ready to roll.

jQuery (no longer required)
Soon has got jQuery give a boost to, but for those who’re not into jQuery that’s not an issue as Quickly works without just to boot.

Animations & Special Effects
All Soons counters are animated. as an example the textual content counter will also be tweaked with different animation types like slide, roll, twirl and fade. On most sensible of these animations Quickly brings reflections to the table.

Responsive
Soon scales to the to be had house around it. It’s as simple as that. It doesn't matter where you place it, Quickly will be sure that it appears to be like great.

Accurate
JavaScript’s default timer will lag in the back of when it’s lively for longer time periods. Soon features a correction algorithm to make sure every 2nd in fact is a 2d.

Faces
There’s three other clock faces to choose from. You’ve were given your basic Textual Content. There’s a vintage Flipper and as an advantage there’s the Dot Matrix counter. All 3 faces may also be animated in more than a few ways and feature a wide variety of sub types.

Visualizers
Easily create an amazing circular counter. Use cast colours, gradients, define counter course and set the offset, duration and width of the ring. There’s visual results like glow and shadow plus the ring development is lively.

Subsequent to the hoop you’ve were given the option to select a background fill. this is form of like a vertical, horizontal or diagonal development bar. Animated and colours can be modified.

Due Modes
Quickly comes with a wide vary of countdown options. Additionally, neatly tested reinforce of timezones.

• 2016—02-25 rely down towards a date;
• 2010—02-25 depend up due to the fact that a date;
• in 2 hours count down a hard and fast amount of hours, minutes or seconds ;
• at 12:30:15 rely down again and again against a time;
• sunday at 10 count down time and again in opposition to a time of day;

Formatting
Select among 12 Months, Month, Week, Day, Hour, Minute, Seconds and Milliseconds. The cascade function permits you to move values between teams, so you'll be able to for example count the overall number of seconds until next 12 months.

Callbacks
Bind JavaScript purposes to your entire and Tick callbacks. Useful to show or hide components whilst the timer runs out, or to make changes whilst there’s only a couple more seconds left on the clock.

Clock
By default in the event you don’t set a due or on account that date, Quickly will render a clock, so if you happen to’re in search of a complicated clock, Quickly is the approach to cross.

Server Time
you can manually set the present time which Quickly will use to do it’s calculations.

API
Soon can be setup from JavaScript using the Soon API. Permitting you to Create and Ruin counters on the fly..

Browser Support

• Chrome
• Safari
• Firefox
• Opera
• iOS
• Android
• IE10
• IE9 (no animations)
• IE8 (no animations, computerized fallback to textual content counter)

Safari on Home Windows is not any longer being maintained through Apple and therefor is recently now not supported.

Information

• Authentic and minified variations of all CSS and JavaScript information
• 15+ Preset Templates
• Visible Builder

Model History

1.9.0 17-05-2016

• brought low answer matrix clock model
• mounted drawback with invalid custom Google font circle of relatives name

1.8.4 10-12-2015

• additional fixes to jQuery API, please note that the API has modified, see doctors for changes
• fixed downside in damage manner now not destroying counter whilst used in placeholder

1.8.3 25-ELEVEN-2015

• mounted redraw means on JavaScript api
• mounted redraw on jQuery api
• stepped forward ring redraw approach on resizing
• stepped forward ring preliminary drawing name
• corrected documentation code pattern on “at” due date
• mounted problem the place quickly led to mistakes when included in head of report

1.8.2 29-07-2015

• fastened issues of period calculations
• introduced soon separated AMD module for complicated use

1.8 20-05-2015

• introduced fields to manage and take away whitespace around counter
• delivered setOption means which you can use to change choices at the same time as te counter is running
• improved complete and tick experience, they may be able to now receive serve as references
• mounted javascript blunders in IE8

1.7.1 14-03-2015

• mounted flickering after browser tab used to be inactive.
• fastened fill mode now not running correctly.

1.7 01-03-2015

• brought fill choice which makes Soon scale up the counter to fill all to be had area.
• brought ‘weeks’ and ‘months’ formats.
• delivered ‘milliseconds’ layout.
• introduced more font presets to Visible Builder.
• delivered method to set customized Google WebFont in Visible Builder.
• added freeze / unfreeze API
• added strategy to regulate the way Quickly makes a decision to cover counter groups on small screens.
• advanced performance of documentation.
• improved API documentation.
• improved timer algorithm.

1.6.1 ELEVEN-02-2015

• progressed responsive habits, Quickly now encompasses a sensible scaling set of rules to cover unused or low priority counter teams. Rendering of the round counter has additionally been stepped forward on small scales.
• progressed Opera 12 beef up.

1.6 20-01-2015

• delivered ‘hide’, ‘redirect’ and ‘serve as’ to on-complete choice in Visual Builder
• advanced button layout for Visual Builder
• improved browser make stronger for Visual Builder

1.FIVE 17-01-2015

• introduced onTick callback approach

1.4 06-01-2015

• added CSS override field to visual builder
• delivered seconds to time fields in visual builder
• added presets make a choice to visual builder
• brought method to create personal presets to visual builder
• added reset at time of day mode
• brought vertical and horizontal gradient mode
• fastened worm in pass browser timezone similar calculations
• mounted ring glow color
• fastened gradient ring issues on no longer complete period rings and jewelry with other offsets
• got rid of reference to soon.css.map in unminified styles.css document

1.3 18-12-2014

• delivered placeholder setup
• introduced max-scale surroundings
• brought due-in-time mode
• delivered due-at-time mode
• brought due-at-day mode
• brought timezone support to visible builder
• added redraw method to API to manually trigger redraw of a quickly node
• advanced responsive behaviour
• improved script embedding
• fastened API spoil means bug the place it would no longer doing away with the soon child nodes

1.2 01-12-2014

• added a a lot stepped forward visible builder
• delivered dot matrix gradient fill types
• added ring invert surroundings
• brought ring gradient fill types
• delivered ring parts alignment
• brought ring separate width controls
• brought ring growth and history shadow
• introduced label coloring to visible builder
• introduced label uppercase and lowercase style presets
• brought separator coloring to visual builder
• brought information-vehicle=”false” to permit blocking off of kickstart
• progressed ring label positioning
• improved ring rendering efficiency
• improved ring default shadow styles
• stepped forward setup of public API
• fixed ticker reset worm where timer would not reset correctly
• mounted a few incorrectly documented features
• mounted ring comfortable shadow being reduce of at the bottom
• fixed ring gap fighting the development phase from reaching the top state
• mounted the fill mirrored image from being flipped the incorrect method round
• mounted reset capability

1.1 13-ELEVEN-2014

• brought year denominator
• added rely up mode

1.0 11-11-2015

• initial free up

FULL DOWNLOAD