Animated and Responsive jQuery Countdown Timer Plugin - mbCoimingsoon

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

Change logs:

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.