flipTimer
A jQuery plugin that will count-down to or count-up from a specified date.
Usage
Link to the required files:
<link rel="stylesheet" href="css/flipTimer.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="js/jquery.flipTimer.js"></script>Initialise flipTimer (if no date is set, it will tell the time for today):
<script>
$(document).ready(function() {
$('.example').flipTimer({ direction: 'down', date: 'June 17, 2013 23:15:00', callback: function() { alert('times up!'); } });
});
</script>In the body of your HTML page, choose which digits you want to use:
<div class="example">
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>Tests
To run the test suite, run:
npm install
npm test
This will run the tests and continue to watch for any file changes.
Demo
There is a demo of flipTimer to view.
License
Copyright (c) 2013 Andrew James Tait
Licensed under the MIT, GPL licenses.