jquery.min.js、flipclock.js、flipclock.css文件
引入文件新建一个HTML文件，引入jQuery和flipclock.js以及flipclock.css文件。该计时器插件需要jQuery 1.7.x+的支持。
HTML结构该计时器插件使用一个空的
JAVASCRIPTFlipClock需要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小时制计时。