FlipClock.js是一款實現翻頁式效果的jQuery計時器外掛。該計時器外掛可以實現時分秒的計時，12小時制的計時，24小時制的計時，各種計數器效果，倒計數效果等等。現在有各種版本的計時器和計數器外掛，但是它們大部分都是隻實現了某個特定方面的內容。而FlipClock充分適應了各種需求，既可以做計數器，也可以做計時器。
以下是FlipClock的一些應用場景和它的一些特點：
作為時鐘使用；作為計時器使用；作為倒計數器使用；FlipClock的樣式使用純CSS定製；語法乾淨整潔；所有的東西都抽象到一個可複用的物件上；提供完整的API來建立“Clock Faces”。
工具/原料
jquery.min.js、flipclock.js、flipclock.css檔案
方法/步驟
引入檔案
新建一個HTML檔案，引入jQuery和flipclock.js以及flipclock.css檔案。該計時器外掛需要jQuery 1.7.x+的支援。
HTML結構
該計時器外掛使用一個空的
JAVASCRIPT
FlipClock需要jQuery來管理頁面上的DOM元素。它是典型的jQuery外掛，但是它返回的不是jQuery物件，而是一個FlipClock物件。
配置引數
autoStart：型別：boolean。如果設定為false，時鐘不會自動開始執行。預設值為true。
countdown：型別：boolean。如果設定為true，時鐘會以向上翻頁的形式執行計時動畫。預設值為false。
callbacks：型別：object。在各種時間事件被觸發後返回的一個物件回撥函式。
classes：型別：object。用於新增到DOM元素上的CSS類的物件。
clockFace：型別：string。用於建立所顯示時鐘的名稱。預設值為HourlyCounter。
defaultClockFace：型別：string。如果 clock face 沒喲丠定義，使用該引數來作為預設的 clock face 。預設值為HourlyCounter。
defaultLanguage：型別：string。預設使用的語言。預設值是english。
主要方法
start()：在FlipClock物件是上呼叫該方法會使時鐘開始動畫。
clock.start(function() {
// this (optional) callback will fire each time the clock flips
});
stop()：該方法會將時鐘動畫停止。
clock.stop(function() {
// this (optional) callback will fire after the clock stops
});
setTime()：該方法會在初始化後設置時鐘的時間。
clock.setTime(3600);
setCountdown()：該方法會改變計數器的計數方式，向上或向下計數。
clock.setCountdown(true);
getTime()：在初始化後獲取時鐘的時間。 var time = clock.getTime();
四種應用效果
分別為：日時分秒計時、計數器效果、12小時制計時、24小時制計時。
