插件描述：jCountdown倒计时插件jQuery

来源：互联网发布：航空票务网站源码编辑：程序博客网时间：2024/06/01 09:00

需要引入的文件：

<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);});
插件地址：http://www.jq22.com/jquery-info3132

0 0