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.