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);
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com