[代码样式]flipTimer – jQuery时钟翻牌效果插件

简介

时钟翻牌效果常出现在天气软件的桌面插件上，HTC 著名的 Sense UI 也曾经使用了这种效果。虽然近两年更少见了，但它不失为一种经典的 UI，如果你仍然喜欢这种效果，不妨使用 flipTimer 这个 jQuery 插件来制作吧。flipTimer 除了可以制作时钟外，还可以用于倒计时，且提供回调函数。

浏览器兼容

IE10+ ✔	Chrome ✔	Firefox ✔	Opera ✔	Safari ✔

flipTimer 并没有使用图片，而是使用 CSS3 动画制作，所以不兼容 IE 低版本。

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/flipTimer.css" rel="external nofollow" >
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/jquery.flipTimer.js"></script>

2、HTML

<div class="dowebok">
    <div class="hours"></div>
    <div class="minutes"></div>
    <div class="seconds"></div>
</div>

3、JavaScript

$(function(){
    $('.dowebok').flipTimer();
});

配置

GitHub 地址：https://github.com/andrewjtait/flipTimer

百度网盘" name="flipTimer – jQuery时钟翻牌效果插件" pass="" code=""]