返回首页 设计案例 文章动态 组件列表
联系我们

扫一扫微信二维码

倒计时组件

新用户注册立送5积分哦...
插件描述:倒计时,活动倒计时,倒计时截止时间等

组件介绍:

1.引入资源文件

<script src="jquery/jquery-1.8.2.min.js"></script>

<script src="jquery/jquery-ui-1.9.1.custom.min.js"></script>

<link href="jcountdown/jcountdown.css" rel="stylesheet" type="text/css">

<script src="jcountdown/jquery.jcountdown.min.js"></script>

 

2.html元素

div class="countdown"></div>

 

3.调用组件方法


$(function(){

    var b = new Date;

    var b = -b.getTimezoneOffset() / 60;

    var i = '2018/03/18 00:00:00';

    var newTime = +(new Date(i));

    var todayTime = +(new Date());

    var d_value = newTime - todayTime;

    var daysTime = Math.floor(d_value/24/60/60/1000);

    var dayTextNumber = 0;

    if(daysTime >= 100){

    dayTextNumber = 3;

    }else{

    dayTextNumber = 2;

    }

    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: dayTextNumber, //倒计时天数数字个数

        displayDay: !0, //是否显示天数

        displayHour: !0, //是否显示小时数

        displayMinute: !0, //是否显示分钟数

        displaySecond: !0, //是否显示秒数

        displayLabel: !0, //是否显示倒计时底部label

        onFinish: function() {}

    };

    $(".countdown").jCountdown(config);

});


如有侵权,请联系站主删除

项目讨论(0)

建站咨询

点我咨询

建站咨询热线

153-2135-3313

QQ,新浪是独立账号信息不互通

Q Q 登陆

我已阅读并接受 《注册声明》与《版权声明》

没有账号?立即注册

QQ,新浪是独立账号信息不互通

Q Q 注册

我已阅读并接受 《注册声明》与《版权声明》

已有账号?

注册声明

一、用户注册、登陆,视为接受本协议的约束。

二、用户承诺遵守国家的法律法规及部门规章

三、用户承诺遵守“313组件库”的知识产权政策.

四、站内插件用于行业交流、学习。

五、用户侵犯第三人的知识产权,由该用户承担全部法律责任。

版权声明

313组件库(www.yu313.cn)站内所有涉及插件及代码由会员或站主上传而来,313组件库不拥有会员上传的插件及代码的版权

313组件库作为网络服务提供者,对非法转载,盗版行为的发生不具备充分的监控能力。但是当版权拥有者提出侵权指控并出示充分的版权证明材料时,313组件库负有移除盗版和非法转载作品以及停止继续传播的义务。313组件库在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任,包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。

如果版权拥有者发现自己作品被侵权,请及时向313组件库提出权利通知,并将姓名、电话、身份证明、权属证明、具体链接(URL)及详细侵权情况描述发往版权举报专用通道,313组件库在收到相关举报文件后,在3个工作日内移除相关涉嫌侵权的内容

QQ:515184405(周一到周五,9:30-18:00)

首页 案例 组件 我的