jQuery Flip Clock Plugins – FlipClock.js

Live Demo

1. DailyCounter

2. Countdown Stop Callback

How to Use

<link rel="stylesheet" href="../compiled/flipclock.css">
<div class="clock" style="margin:2em;"></div>
<div class="message"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../compiled/flipclock.js"></script>
<script type="text/javascript">
    var clock;
    $(document).ready(function () {
        var clock;
        clock = $('.clock').FlipClock({
            clockFace: 'DailyCounter',
            autoStart: false,
            callbacks: {
                stop: function () {
                    $('.message').html('The clock has stopped!')
                }
            }
        });
        clock.setTime(220880);
        clock.setCountdown(true);
        clock.start();
    });
</script>

Source Code

Download

For more Advanced Usages, please check the demo page or visit the official website.