小程序多个倒计时的实现

微信公开课

2019-04-03 15:15:29

如何看待微信公开课小程序热门讨论「小程序多个倒计时的实现」
摘要：小程序多个倒计时的实现
展开：存在这样一个需求，一批订单包含未完成订单(含有倒计时提示)，这里有知友关于VueJs的建议：vue列表循环倒计时（https://www.zhihu.com/question/47746149）。请问怎样实现上图效果functioncountDifftime(){varselfthis;varorderListself.data.orderList;vari0;varlengthorderList.length;for(;ilength;i++){if(orderList[i].Status1){vardifftimersetInterval(function(){console.log(self.data.orderList[0].difftime);console.log(self.data.orderList[i].difftime);varoDifftimeorderList[i].difftime.split(:);varhMath.floor(difftime/60/60);varminMath.floor(difftime/60%60);varsecMath.floor(difftime%60);varsDifftime;if(h0min0sec0){clearInterval(difftimer);self.onShow();}else{sDifftimecommon.formatNumber(h)+:+common.formatNumber(min)+:+common.formatNumber(sec);orderList[i].difftimesDifftime;console.log(+JSON.stringify(self.data.orderList)+);sec;if(sec0){sec59;min;if(min0){min59;h;}}}self.setData({orderList:orderList});},1000);}}}了解更多

「小程序多个倒计时的实现」热门讨论订阅

订阅小程序

方法1：微信扫描微信公开课小程序码即可订阅热门讨论「小程序多个倒计时的实现」

方法2：微信搜索微信公开课小程序名称进入，即可订阅热门讨论「小程序多个倒计时的实现」

方法3：微信网页访问即速商店，长按识别微信公开课小程序码即可订阅热门讨论「小程序多个倒计时的实现」

微信公开课小程序热门讨论「小程序多个倒计时的实现」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn，转载请注明出处。

微信公开课热门讨论「小程序多个倒计时的实现」由微信公开课开发者向微信用户提供，并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。