Scoreboard Like Flipping Countdown Clock For jQuery npy scorecount js - Download Scoreboard Like Flipping Countdown Clock For jQuery - npy-scorecount.js

Download Scoreboard Like Flipping Countdown Clock For jQuery – npy-scorecount.js

Posted on

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.

Scoreboard Like Flipping Countdown Clock For jQuery npy scorecount js - Download Scoreboard Like Flipping Countdown Clock For jQuery - npy-scorecount.js
File Size: 240 KB
Views Total: 6826
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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   imageCounter: true
4 });

3. If you’d like to have a basic plain countdown timer:

1 $('.container').npyScorecount({
2   endDate: '2016-12-29 12:00:00'
3 });

4. Set the time zone offset.

1 $('.container').npyScorecount({
2   endDate: '2016-12-29 12:00:00',
3   gmt: '+0900'
4 });

5. More configuration options:

1 $('.container').npyScorecount({
2   startDate: new Date(),
3   gmt: '',
4   displayDays: true,
5   digitSize: [100, 140],
6   tokens: ['&nbsp;', ':', ':', '&nbsp;Left.']
7 });

This awesome jQuery plugin is developed by 1npy0. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net