A jQuery plugin that creates a countdown timer.
Set the desired duration using either data-seconds-left
or data-minutes-left
data attributes.
<div class='.timer' data-minutes-left=3></div>
<div class='.timer' data-seconds-left=180></div>
Then start the timer with:
$('.timer').startTimer();
For more options, checkout http://csouza.me/jQuery-Simple-Timer/
This plugin can be installed manually from github or via Bower.
Clone the repository and reference the jquery.simple.timer.js file from your html:
<script src="jquery.js"></script>
<script src="jquery.simple.timer.js"></script>
In order to install it using Bower, make sure you have node, npm and bower installed:
$ npm install -g bower
Use the bower
command to fetch the plugin:
$ bower install jquery-simple-timer
The plugin will be installed under bower_components/jquery-simple-timer/jquery.simple.timer.js unless you have a .bowerrc stating otherwise.
Open tests/index.html