宝哥软件园

微信小程序实现批量倒计时功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-22

本文实例为大家分享了微信小程序实现批量倒计时的具体代码,供大家参考,具体内容如下

//适用于商品列表倒计时/** * end_time int结束时间*参数(同Internationalorganizations)国际组织数组键*/

1.展示效果如下:

2.wxml代码:

p='促销-标签-奶子'仅{{item.endtime}}/p3.js代码:

//封装的倒计时方法//批量倒计时函数grouponcountdown(即结束时间,参数){变化结束时间=新日期(结束时间).getTime();//控制台。日志(结束时间);var NowTime=新日期()。getTime();var total _ micro _ second=结束时间-现在时间;var groupons=那个。数据。Groupon//控制台。日志(组ons);群子[参数]。结束时间=日期格式(total _ micro _ second);if(total _ micro _ second=0){ group ons[param].endtime='已结束}那个。setdata({ group : group ons })setTimeout(function(){ group oncountdown(即end_time,param);}, 1000)} //时间格式化输出,每1s都会调用一次函数日期格式(微秒){ //总秒数定义变量秒=数学。地板(微秒/1000);//天数var day=Math.floor(秒/3600/24);//小时var hr=Math.floor(秒/3600% 24);var hrStr=HR . ToString();if(hrStr。长度==1)hrStr=' 0 ' hrStr;//分钟var min=数学下限(秒/60% 60);var minStr=min。ToString();if(minStr。长度==1)minStr=' 0 ' minStr;//秒var sec=Math.floor(秒% 60);var SecStr=秒。ToString();if(SecStr。长度==1)SecStr=' 0 ' SecStr;if (day=1) { return '剩hrStr ' : ' minStr ' : ' secStr;} else { return '剩'日'天hrStr ' : ' minStr ' : ' secStr;} }//end var app=GetApp()Page({/* * *页面的初始数据*/data : { collageTeamlist : } },/** *生命周期函数-监听页面加载*/onLoad:函数(选项){ app。showLoading();var=这个wx。请求({ success : function(RES){ var group onlist=request。数据。collageteamlist//控制台。日志(组在线列表);for(var I=0;I GroupOnList . lengthi){ var lack _ num=GroupOnList[I].create_num - grouponList[i].current_num grouponList[i].那。set data({ group : GroupOnList })var data=那个。数据。Groupon//列表获取到数据进行遍历for(var I=0;一。数据。长度;i ) { var end_time=data[i].结束时间。替换(///-g,'/') grouponcountdown(即end _ time,I)} } })},以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+