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