小程序中倒计时怎么实现

  介绍

小编给大家分享一下小程序中倒计时怎么实现,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

在商城商品信息里,会有倒计时的功能。

小程序中倒计时怎么实现

计算时间需要转化为时间戳,但是安卓和ios系统对于识别的时间格式是不一样的,安卓对识别没有要求.IOS格式要求2018/08/20 10:20:32,使用Date.parse()转化时间戳不会出现在ios端无法倒计时。

timeFormat:,函数(参数),{,//小于10的格式化函数   ,,,return  param  & lt;, 10, ?, & # 39; 0 & # 39;, +, param :,参数;   ,,},   ,,倒计时:函数(),{,//倒计时函数   ,,,//,获取当前时间,同时得到活动结束时间数组   ,,,let  newTime =, Date.parse (new 日期());   ,,,let  endTimeList =, this.data.actEndTimeList;   ,,,let  countDownArr =, [];   ,,,//,对结束时间进行处理渲染到页面   ,,,endTimeList.forEach (o =祝辞,{   ,,,,,var  strtime =, o.replace (/,/g, & # 39;/& # 39;);   ,,,,,strtime =, strtime.substring (0,, 19);   ,,,,,let  endTime =, new 日期(strtime) .getTime ();   ,,,,,let  obj =,空;   ,,,,,//,如果活动未结束,对时间进行处理   ,,,,,if  (endTime 安康;newTime 祝辞,0),{   ,,,,,,,let  time =, (endTime 作用;新时期),/,1000;   ,,,,,,,//,获取天,时,分,秒   ,,,,,,,let  day =,方法(时间/time  (60, 60, *, *, 24));   ,,,,,,,let  hou =,方法(time  %, (60, 60, *, *, 24),/, 3600);   ,,,,,,,let  min =,方法(time  %, (60, 60, *, *, 24), %, 3600,/, 60);   ,,,,,,,let  sec =,方法(time  %, (60, 60, *, *, 24), %, 3600, %, 60);   ,,,,,,,obj =, {   ,,,,,,,,,:,this.timeFormat(一天),   ,,,,,,,,,侯:,this.timeFormat(侯)   ,,,,,,,,,分钟:,this.timeFormat(分钟),   ,,,,,,,,,sec:, this.timeFormat (sec)   ,,,,,,,}   ,,,,,},else {,//活动已结束,全部设置为& # 39;00 & # 39;   ,,,,,,,obj =, {   ,,,,,,,,,:,& # 39;00 & # 39;   ,,,,,,,,,侯:,& # 39;00 & # 39;   ,,,,,,,,,分钟:,& # 39;00 & # 39;   ,,,,,,,,,sec:, & # 39; 00 & # 39;   ,,,,,,,}   ,,,,,}   ,,,,,countDownArr.push (obj);   ,,,})   ,,,//,渲染,然后每隔一秒执行一次倒计时函数   ,,,this.setData ({   ,,,,,countDownList: countDownArr   ,,,})   ,,,setTimeout (this.countDown, 1000);   ,,},

看完了这篇文章,相信你对“小程序中倒计时怎么实现”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

小程序中倒计时怎么实现