Animated and Responsive jQuery Countdown Timer Plugin - mbCoimingsoon
File Size: | 95.7 KB |
---|---|
Views Total: | 49197 |
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.