Animated and Responsive jQuery Countdown Timer Plugin - mbCoimingsoon
| File Size: | 95.7 KB |
|---|---|
| Views Total: | 49277 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
mbCoimingsoon is a responsive jQuery counter plugin that allows to count down in seconds, minutes, hours and days to any date, with a simple flip animation and callback support.
Basic usage:
1. Load the required jQuery mbCoimingsoon's CSS in the head of the document.
<link href="css/mb-comingsoon.min.css" rel="stylesheet" />
2. Load the jQuery javascript library and jQuery mbCoimingsoon's javascript at the bottom of the document.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="js/jquery.mb-comingsoon.min.js"></script>
3. Create an empty container for the countdown timer.
<div id="myCounter"></div>
4. Initialize the plugin and set the expiry date you would like to countdown to.
$('#myCounter').mbComingsoon({
expiryDate: Date,
interval: 1000, // Counter uopdate interval
speed: 500
localization: {
days: "days", //Localize labels of counter
hours: "hours",
minutes: "minutes",
seconds: "seconds"
},
callBack: Function //Function executed on expiry or if espired
});
5. Available methods to control the countdown timer.
$('#myCounter').mbComingSoon('start') // start counter
$('#myCounter').mbComingSoon('stop') // stop counter
$('#myCounter').mbComingSoon(options: Object) // Update options
Changelog:
2018-09-13
- Fix options update (localize method called on wrong object)
v1.2.0 (2015-08-24)
- Some bug was corrected.
- Now interval parameter amd stop method work like expected.
v1.1.0 (2014-04-05)
- update.
This awesome jQuery plugin is developed by magicbruno. For more Advanced Usages, please check the demo page or visit the official website.










