插件描述： jQuery翻转倒计时,定时器插件，时钟或计数器,flipcountdown
使用方法
添加在HTML页面
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.flipcountdown.js"></script> <link rel="stylesheet" type="text/css" href="jquery.flipcountdown.css" />
添加div元素
<div id="flipcountdownbox1"></div>
和init flipcountdown
$(function(){
$('#flipcountdownbox1').flipcountdown();
})设置
- 尺寸（使用自举尺寸符号）
$("#flipcountdownbox1").flipcountdown({
size:"lg"
});lg-large大 md-middle中, default默认 sm-smallSM小 xs-Extra small 超小型
- 隐藏秒或分钟或小时
$("#flipcountdownbox1").flipcountdown({
showHour:false,
showMinute:false,
showSecond:true
});偏移时区
$("#flipcountdownbox3").flipcountdown({
tzoneOffset:3,
showSecond:false
});- 12小时格式
$("#flipcountdownbox4").flipcountdown({am:true});PREVIOUS:
NEXT:
相关插件-日期和时间
timeago.js自动将时间戳转换为更易读的时间轴
timeago.js是一款基于jQuery的时间处理插件，它可以轻易的将时间戳转换成如：5分钟前，约3小时前这样的更友好易读的时间轴，而且使用timeago.js无需刷新页面即自动更新页面时间的显示。
日期和时间
讨论这个项目（27）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
浅い.ウ韵 0
2020/9/5 22:04:06
-
下载下来，压缩包报错
西瓜0
2020/9/5 22:11:55
-
刚测试下载文件正常，你用的是MAC系统吗？如果是，需要安装压缩软件解压不要用自带的。
冰冷的夜 0
2019/7/4 16:04:17
-
有没有大佬知道怎么改成倒计时
70
2019/9/2 18:17:41
我的怎么出不来啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="jquery.flipcountdown.css" />
<title>index</title>
</head>
<body>
<div id="flipcountdownbox1"></div>
</body>
<script type="text/javascript">
window.onload = function() {
$('#flipcountdownbox1').flipcountdown();
}
</script>
</html>
BattleofLexington0
2019/9/2 20:46:19
chrome浏览器f12自己看错误提示哦,你发这个看不出来错误的。
70
2019/9/3 10:52:25
-
弄出来了,但是我设置size:lg 还是感觉太小了，怎么能再变大点
西瓜0
2019/9/3 11:44:58
这个问题有点麻烦，数字是用图片作的，放大会失真，否则自己作一套图片替换，可以直接用CSS放大属性
transform: scale(1.1); -ms-transform:scale(1.1); /* IE 9 */ -moz-transform:scale(1.1); /* Firefox */ -webkit-transform:scale(1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1);
导演丶 0
2018/6/4 11:27:39
-
这是搬运过来的 正确的文档在这里 https://xdsoft.net/jqplugins/flipcountdown/
导演丶0
2018/6/4 11:28:15
-
设置固定时间
jQuery('#flipcountdownbox6').flipcountdown({tick:function(){
return new Date('5.10.2012 12:34:23');
}});
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
