jQuery Countdown Timer Plugin

This is a jQuery plugin that allows to display a ticking timer.

Usage

You can bind the jQuery timer plugin to every element you want to. Specify a duration and a unit that should be shown by the ticking timer. Supported units are hours 'h', minutes 'm' and seconds 's'.

HTML

<span id="my-timer"></span>

JS

$('#my-timer').timer({duration: 7, unit: 'm'});

Integration

The files timer.css and timer.js must be included in your project. Further jQuery is needed as dependency.

<!-- CSS -->
<link rel="stylesheet" href="timer.css"/>

<!-- JS -->
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="timer.js"></script>

Choose a download possibility you like:

• Download the latest release
• Download the files timer.css and timer.js directly from the GitHub project page
• Clone the repository git clone https://github.com/murygina/jquery-timer-plugin.git
• Install with Bower bower install jquery-timer-plugin

Development

1. Clone the repository git clone https://github.com/murygina/jquery-timer-plugin.git
2. Ensure you have installed Grunt, Bower, NodeJS, NPM properly
3. Run npm install
4. Run bower install
5. Run grunt to see the documentation / example page