scc_countdown

功能描述

1.可用于一切计算倒计时的场景(商品倒计时,活动倒计时,订单结束倒计时等场景)
2.插件是一个封装的JS倒计时库,调用开放 api 传入 (时间戳/日期) 即可通过回调获取到剩余的时间(天,时,分,秒),单页面可以同时调用N个,当其中任何一个倒计时结束后,回调中会返回结果并结束当前倒计时资源!
3.支持 Y/M/D H:m:s 格式 、Y-M-D H:m:s 格式 、10位数时间戳格式 、 13位数时间戳格式

依赖的插件

快速使用

使用流程:

1.页面中引入“<script src="scc_countdown.js" type="text/javascript"></script>”
2.调用 $countdown.time(time,callback); 
3.通过回调将数据载入到自己自定义好的 Dom 中


参数说明:

|---> time : 参数为传入时间,可为 Y/M/D H:m:s (2020/10/12 23:30:00) 格式 、Y-M-D H:m:s (2020-10-12 23:30:00) 格式 、10位数时间戳 (1602516600) 格式 、 13位数时间戳 (1602516600000) 格式
|
|---> callback(e) : 参数为回调,每隔500毫秒刷新返回一次倒计时剩余时间
               |
               |---> e : 为回调返回的数组,state : true|false , tips : 倒计时状态描述 ,time : {d:剩余天数,h:剩余小时,m:剩余分钟,s:剩余秒}
                     |
                     |---> 状态1 :{"state":true,"tips":"倒计时进行中","time":{"d":"15","h":"12","m":"43","s":"12"}}
                     |
                     |---> 状态2 : {"state":false,"tips":"倒计时已结束"}


案例:

$countdown.time("1582394276",function(e){
    if(e.state){
        //state为true时,表示倒计时进行中返回time数组
        //打印输出控制台
        console.log(剩余:"+e.time.d+"天"+e.time.h+"时"+e.time.m+"分"+e.time.s+"秒");
    }else{
        //state为false时,表示倒计时已经结束不返回time数组
        //打印输出控制台
        console.log(e.tips);
    };
});

特别说明

本插件可以在任意平台使用,不依赖其它任何第三方库

定制H5插件:

QQ:1570442495
wx/tel:18265556279
是否仍需要帮助? 请保持联络!
最后更新于 2024/11/18