插件描述：jCountdown倒计时插件jQuery
需要引入的文件：
<script src="jquery/jquery-1.8.2.min.js"></script> <link href="jcountdown/jcountdown.css" rel="stylesheet" type="text/css"> <script src="jcountdown/jquery.jcountdown.min.js"></script>
在需要插入倒计时的位置添加以下代码：
<div class="countdown"></div>
显示倒计时需要的js代码：
$(function(){
var b = new Date;
var b = -b.getTimezoneOffset() / 60;
var i = '2015/02/18 00:00:00';
var config = {
timeText: i, //倒计时时间
timeZone: b, //时区
style: "flip", //显示的样式，可选值有flip,slide,metal,crystal
color: "white", //显示的颜色，可选值white,black
width: 0, //倒计时宽度
textGroupSpace: 15, //天、时、分、秒之间间距
textSpace: 0, //数字之间间距
reflection: !0, //是否显示倒影
reflectionOpacity: 10, //倒影透明度
reflectionBlur: 0, //倒影模糊程度
dayTextNumber: 3, //倒计时天数数字个数
displayDay: !0, //是否显示天数
displayHour: !0, //是否显示小时数
displayMinute: !0, //是否显示分钟数
displaySecond: !0, //是否显示秒数
displayLabel: !0, //是否显示倒计时底部label
onFinish: function() {}
};
$(".countdown").jCountdown(config);
});
PREVIOUS:
NEXT:
相关插件-日期和时间,动画效果
讨论这个项目（34）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
wink180923 0
2021/5/29 10:59:11
-
Uncaught TypeError: jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).jCountdown is not a function
这个怎么解决呀 大佬 回复
4** 0
2018/10/24 15:58:17
-
为什么没有报错 按照文档来 ，怎么显示时间全是0
yananW0
2018/11/19 17:33:37
-
解决了吗？我也遇到了
吴小庄0
2019/4/16 22:10:09
-
i 的时间应该大于现在的时间
宇泽天下，恋尽天涯！0
2020/9/7 10:49:09
-
怎么解决的，我也碰到了，赋值的时间比现在的时间大
岁月00静好 0
2017/12/18 16:23:40
-
displayLabel参数无效始终无法显示倒计时底部label
岁月00静好0
2017/12/18 16:49:00
-
已解决.是lable的display被bootstrap的.label:empty覆盖了。
不要说话丶0
2018/5/18 16:11:17
-
怎么解决。。的，我不懂
奈口三三 0
2017/11/30 19:22:19
为什么不动？
洛克不菲勒0
2018/1/31 15:11:18
-
解决了吗
云魅风情0
2018/8/24 18:07:26
-
我的啥都看不到,报错了啊报错了
5l45lm06leo 0
2017/6/1 14:22:50
如何让他时间归零了跳转页面
S’tar1
2017/6/11 8:54:01
onFinish()，仔细阅读代码
:作为一个高傲瘦子??0
2017/10/11 9:24:59
支持
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
