Beautiful jQuery Countdown Timer Plugin
| File Size: | 13.8 KB |
|---|---|
| Views Total: | 32307 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A jQuery Countdown Timer Plugin that make it easy to create a coming soon page with a cool Countdown Timer.
How to use it :
1. Include jQuery library and countdown.js
<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/countdown.js"></script>
2. Include the Stylesheets
<link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/styles.css" />
3. Call the plugin and set the end date
<script src="js/countdown.js"></script>
<script>
$(document).ready(function(){
$("#countdown").countdown({
date: "17 august 2013 12:00:00",
format: "on"
},
function() {
// callback function
});
});
</script>
4. Markup
<div class="timer-area"> <h1>We're coming soon...</h1> <ul id="countdown"> <li> <span class="days">00</span> <p class="timeRefDays">days</p> </li> <li> <span class="hours">00</span> <p class="timeRefHours">hours</p> </li> <li> <span class="minutes">00</span> <p class="timeRefMinutes">minutes</p> </li> <li> <span class="seconds">00</span> <p class="timeRefSeconds">seconds</p> </li> </ul> </div>
This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.










