jQuery Plugin For Countdown & Count Up Timer - runner

File Size: 21.1 KB
Views Total: 19414
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Countdown & Count Up Timer - runner

runner is a simple jQuery plugin that allows you to create a customizable timer for counting time down or up, similar to a stopwatch. 

How to use it:

1. Include jQuery library and jQuery runner on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="build/jquery.runner.js"></script>

2. Create a container for your timer

<div id="runner"></div>

3. Initialize a count down timer that starts from 30 seconds and stops at 0, and alerts when the runner finishes

<script>
$('#runner').runner({
    countdown: true,
    startAt: 30000,
    stopAt: 0
}).on('runnerFinish', function(eventObject, info) {
    alert('Finished!');
});
</script>

Change Log:

v2.3.3 (2014-05-28)

v2.3.2 (2014-05-28)

  • Another jQuery noConflict related fix.

v2.3.1 (2014-05-25)

  • Fixed a bug when running jQuery in noConflict mode.

v2.3.0 (2013-07-14)

  • Runner now utilizes requestAnimationFrame if applicable and falls back to setTimeout
  • Fixed a small bug with dependency checks
  • Removed ability to tweak the runner interval due to requestAnimationFrame change

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