This time I will share jQuery Plugin and tutorial about Scoreboard Like Flipping Countdown Clock For jQuery – npy-scorecount.js, hope it will help you in programming stack.
Yet another jQuery plugin for creating a pretty cool, scoreboard style flipping clock to countdown to or from a given date & time. Supports start/end dates and timezone offsets.
How to use it:
1. Import the slim build of jQuery library and the jQuery npy-scorecount.js script into your web project.
1 |
<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script> |
2 |
<script src="npy-scorecount.js"></script> |
2. Call the plugin on the target element where you want to place the countdown timer, and the specify the start (optional) / end dates as follow:
1 |
$('.container').npyScorecount({ |
2 |
endDate: '2016-12-29 12:00:00', |
3. If you’d like to have a basic plain countdown timer:
1 |
$('.container').npyScorecount({ |
2 |
endDate: '2016-12-29 12:00:00' |
4. Set the time zone offset.
1 |
$('.container').npyScorecount({ |
2 |
endDate: '2016-12-29 12:00:00', |
5. More configuration options:
1 |
$('.container').npyScorecount({ |
6 |
tokens: [' ', ':', ':', ' Left.'] |
This awesome jQuery plugin is developed by 1npy0. For more Advanced Usages, please check the demo page or visit the official website.
