jQuery Retro Flip Clock & Countdown Timer Plugin - FlipClock

jQuery Retro Flip Clock & Countdown Timer Plugin - FlipClock
File Size: 68.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

FlipClock is a jQuery plugin for creating a clock & countdown timer that displays information in a digital format on a split flap display. The clock & countdown timer can be fully customized via CSS and full-featured developer API.

Basic Usage:

1. Include required FlipClock CSS in the head section of your page

<link href="css/flipclock.css" rel="stylesheet" type="text/css">

2. Create a container for the clock

<div class="clock"></div>

3. Include jQuery library and other necessary javascript files on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/flipclock/flipclock.min.js"></script>
<script src="js/flipclock/libs/prefixfree.min.js"></script>

4. The javascript

<script>
var clock = $('.clock').FlipClock({
autoStart: true, // auto start
countdown: true, // true = countdown, false = count up
});
</script>

This awesome jQuery plugin is developed by objectivehtml. For more Advanced Usages, please check the demo page or visit the official website.