活动倒计时插件jQuery_CGLCountdownjs

介绍：

一、状态：未开始、进行中、完毕

二、依赖库：JQuery1.7及以上

三、时间格式：天、时、分、秒、毫秒

四、兼容：IE7及以上、主流浏览器

五、大小：

未压缩5kb

压缩版1kb

使用方法：

一、引入插件

<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/jQuery_CGLCountdown.min.js"></script>

二、写个容器

<div class="time"></div>

三、写JS

<script type="text/javascript">
$(function(){
    //www.cenggel.com
    $('.time').CountdownFn({
        CountdownNow: 1532188840000,//当前时间
        CountdownBegin: 1532188850000,//开始时间
        CountdownEnd: 1532188860000,//结束时间
        CountdownTimeVal: 1000,//刷新间隔
        CountdownOff: function(){//活动以过去
            //这里写你的代码
            $('.time').html('倒计时执行完毕：请等待下次活动！');
        },
        CountdownOn: function(d,h,m,s,r){//活动进行中
            //这里写你的代码
            $('.time').html('距离活动结束还有：'+d+'天'+h+'时'+m+'分'+s+'秒'+r+'毫秒')
        },
        CountdownWait: function(d,h,m,s,r){//活动未开始
            //这里写你的代码
            $('.time').html('距离活动开始还有：'+d+'天'+h+'时'+m+'分'+s+'秒'+r+'毫秒')
        }
    });
});
</script>

然后你就可以只用这儿插件了。

这里需要后端给前台提供三个参数：

1、当前事件（当前事件不要获取本地的，要不然容易出问题。）

2、开始时间

3、结束时间

下载地址：

链接：https://pan.baidu.com/s/1px-E5G-q_CXEnCv6uWDA9A

密码：ju91