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

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

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.

See also:

How to use it:

1. Import the slim build of jQuery library and the jQuery npy-scorecount.js script into your web project.

<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<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:

$('.container').npyScorecount({ 
  endDate: '2016-12-29 12:00:00',
  imageCounter: true
});

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

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

4. Set the time zone offset.

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

5. More configuration options:

$('.container').npyScorecount({ 
  startDate: new Date(),
  gmt: '', 
  displayDays: true, 
  digitSize: [100, 140],
  tokens: ['&nbsp;', ':', ':', '&nbsp;Left.']
});

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