Simple jQuery Counter & Timer Plugin - countid

File Size: 12.6 KB
Views Total: 13016
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Counter & Timer Plugin - countid

countid is a multifunctional jQuery plugin used to create count up and countdown timers for your webpage or web application.

Features:

  • Count up or count down to a certain number
  • Count up from or count down to a specified date. E.g. Displays days remaining before a specified date.
  • Execute a callback function when the timer is complete.

How to use it:

1. The countid plugin requires jQuery JavaScript library loaded first in the document.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="countid.js"></script>

2. Create a counter that counts to the number set on an element

<div class='demo-1'>1000</div>
$('.demo-1').countid();

3. Create a countdown timer that uses a number range specified in data attributes.

<div class='demo-2' 
     data-start='1000' 
     data-end='0'>
</div>
$('.demo-2').countid();

4. Create a countdown clock that display how many days remaining before a given date.

<div class='demo-3'></div>
$('.timer').countid({
  clock: true,
  dateTime: date,
  dateTplRemaining: "%S seconds to complete timer",
  dateTplElapsed: "%S seconds elapsed since the timer completion"
})

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