介绍
小编给大家分享一下小程序中倒计时怎么实现,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
在商城商品信息里,会有倒计时的功能。
计算时间需要转化为时间戳,但是安卓和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); ,,},
看完了这篇文章,相信你对“小程序中倒计时怎么实现”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!