🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

flipTimer is a jQuery plugin which enables you to count down towards or count up from a certain time like a vintage flip clock.

countdown timer count-up flip-clock

Documentation

flipTimer

Build Status

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 grunt karma:unit 

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.


You May Also Like