flipTimer – jQuery时钟翻牌效果插件
分类:代码
日期:-08-02
点击(36,333)
下载(1)
来源:未知
收藏
简介
时钟翻牌效果常出现在天气软件的桌面插件上,HTC 著名的 Sense UI 也曾经使用了这种效果。虽然近两年更少见了,但它不失为一种经典的 UI,如果你仍然喜欢这种效果,不妨使用 flipTimer 这个 jQuery 插件来制作吧。flipTimer 除了可以制作时钟外,还可以用于倒计时,且提供回调函数。
浏览器兼容
IE10+ ✔
Chrome ✔
Firefox ✔
Opera ✔
Safari ✔
flipTimer 并没有使用图片,而是使用 CSS3 动画制作,所以不兼容 IE 低版本。
使用方法
1、引入文件
2、HTML
3、JavaScript
$(function(){
$('.dowebok').flipTimer();
});
配置
属性/方法
类型
默认值
说明
seconds
布尔值
false
显示秒
minutes
布尔值
false
显示分钟
hours
布尔值
false
显示小时
days
布尔值
false
显示天
date
数字
(new Date()).toDateString()
传入一个 js 时间
direction
字符串
up
方向,可选 up / down,up 用于时间增加,down 用于时间递减
callback
函数
null
回调函数,只在 direction 为 “down” 时有效
digitTemplate
字符串
时钟模版