jCountdown倒计时插件jQuery

    技术2022-07-11  127

    需要引入的文件:

    <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__regexoperators___/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); });
    Processed: 0.014, SQL: 9