插件描述：jquery.jcountdown.js倒计时插件可以自定义倒计时样式代码，倒计时插件可以自定义白色，图片等・・・
使用方法
1、需要引入的文件：
<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>
2、在需要插入倒计时的位置添加以下代码：
<div class="countdown"></div>
3、显示倒计时需要的js代码：
$(function() {
config = {
timeText: '2018/7/25 00:00:00', //倒计时时间，格式：年/月/日 时:分:秒
timeZone:'8' , //时区，GMT号码
style: "flip", //显示的样式，可选值有flip,slide,metal,crystal(翻动、滑动、金属、水晶)
color: "white", //显示的颜色，可选值white,black(黑色、白色)
width: 0, //倒计时宽度，无限制，默认为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:
相关插件-日期和时间,动画效果
讨论这个项目（62）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
当省不用，当用不省 0
2018/10/25 17:30:15
-
获取的是本机时间，难道不会获取网络时间吗，如果本机时间不对，那问题就大了，那倒计时就会出现偏差！，搞毛啊？
帝光的赤司君，0
2018/11/2 14:29:29
-
这个问题解决了没？
typico0
2019/4/17 13:12:47
-
请问解决了吗
殇0
2019/5/5 14:34:25
-
这个改哪里能解决啊
殇1
2019/5/6 17:04:01
-
这个用了个笨办法解决了，把网络时间通过config里面自定义一个变量传过去然后在jquery.jcountdown.min.js中jCountdown方法中接收，然后定时+1（十位）+1000（13位），然后把y = function (){}中的this.checkTime = function (b) {}里面的var a = new Date(timer);写成这样就可以是网络时间在走了。
asyncLee 0
2018/7/31 10:54:36
-
兄die ！nice
??あ耖?0
2018/9/19 11:42:36
-
这个插件好用吗
酸酸0
2018/11/2 20:32:47
-
你用了吗
不要说话丶 0
2018/5/17 19:43:17
-
jquery.jcountdown.min.js:11 Uncaught TypeError: Cannot read property 'version' of undefined
at jQuery.fn.init.jCountdown (jquery.jcountdown.min.js:11)
at HTMLDocument. (showreferee:474)
at fire (jquery.js:3120)
at Object.fireWith [as resolveWith] (jquery.js:3232)
at Function.ready (jquery.js:3444)
at HTMLDocument.completed (jquery.js:3475)
。。这个是怎么回事。
不要说话丶0
2018/5/18 15:24:41
-
找到后面的评论了。。当我没问。。
归属 0
2018/3/20 9:52:43
-
jquery-3.1.1.min.js替代jquery-1.8.2.min.js后无法运行
西瓜1
2018/3/20 10:02:28
在jquery后面引用jQuery版本迁移辅助插件即可
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>
归属0
2018/3/20 14:11:13
-
谢谢，可以用了
耿晓伟-侨外集团 0
2017/12/22 11:44:38
非常好
耿晓伟-侨外集团0
2017/12/22 14:29:29
是的
看De淡①点0
2018/1/23 10:07:45
支持一下，希望创作出更好的插件
xiaoxiao0
2018/3/13 10:18:34
-
支持
羽枫^_^0
2018/10/15 14:56:20
-
支持
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
