jQuery翻转倒计时定时器插件
所属分类：输入-日期和时间
59832
371
查看评论 (27)
查看演示
website
立即下载
插件描述： 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:
jQuery日历插件FullCalendar
jQuery MP3播放器插件
相关插件-日期和时间
查看更多
轻量级jQuery倒计时插件
倒计时插件
日期和时间
80042
456
js css3扁平化APP图标时钟动画
js css3扁平化APP图标时钟动画
日期和时间
25258
327
jquery周日历展示可选择
基于jquery简单易用的周日历选择插件，可选择跳转到指定年份指定周
日期和时间
40227
323
jQuery手机考勤日历插件
一款简单的手机端日历插件，可以根据年月选择查看当月的考勤情况
日期和时间
29950
243
讨论这个项目（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);
superdameng 0
2018/12/17 11:21:49
-
可以改成计数器吗
回复
邓十八 0
2018/8/14 13:17:49
-
请问下，vue的项目引用这个插件，报错，找不到flipcountdown（）函数
回复
sunlong685 0
2018/8/1 14:19:23
-
这个没有倒计时
/~ā＆?Оo?0
2019/4/2 15:40:56
-
有倒计时
导演丶 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');
}});
放荡的Daisy灬 0
2018/4/3 10:24:13
-
怎么让时间固定在某一时刻
回复
Peter@小飞侠 0
2018/2/22 16:57:29
-
可以改样式吗？
回复
wjs57y 0
2017/12/17 20:07:28
时区偏移不是整数咋弄
回复
小熊饼干 0
2017/2/20 14:22:59
怎么弄成倒计时啊
回复 查看更多评论
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
PROMULGATOR
不可不戒
广东省广州市点击增加上限数
-
最新发布
最多收藏
最多评论
最多下载
兼容IE8
兼容IE6
-
前端工具库
css 格式化工具
js 格式化工具
CDN加速
-
直接获得jQ币