- Overview
- Documents
jQuery Countdown is a countdown library with an amazing animation that creates a mechanical scoreboard style countdown timer to display the remaining time in seconds, minutes, hours and days to any date.
Source: github.com
Jun 10, 2014 in Date & Time 4416 views
jQuery Countdown is a countdown library with an amazing animation that creates a mechanical scoreboard style countdown timer to display the remaining time in seconds, minutes, hours and days to any date.
Source: github.com
1. INCLUDE JS FILES
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="media/js/jquery.countdown.js"></script>
2. HTML
<div class="digits"></div>
3. JAVASCRIPT
$(function(){
$(".digits").countdown({
image: "media/img/digits.png",
format: "mm:ss",
startTime: "25:14"
});
});
4. OPTIONS
$('.digits').countdown({
stepTime: 60,
format: 'hh:mm:ss',
startTime: "12:32:55",
digitImages: 6,
digitWidth: 53,
digitHeight: 77,
timerEnd: function() { alert('end!!'); },
image: "digits.png"
});
Tagged with:
jquery countdown
countdown library
amazing animation
countdown
scoreboard
countdown timer
timer
Related Articles
JS Tutorial