微信小程序实例：如何实现批量倒计时（附代码）

//适用于商品列表倒计时/** * end_time int 结束时间 * param int 数组键 */

1.展示效果如下：

2.wxml代码：

<p class="promotion-label-tits">仅{{item.endtime}}</p>

3.js代码：

//封装的倒计时方法 //批量倒计时 function grouponcountdown(that, end_time, param) {   var EndTime = new Date(end_time).getTime();   // console.log(EndTime);   var NowTime = new Date().getTime();    var total_micro_second = EndTime - NowTime;    var groupons = that.data.groupon;   // console.log(groupons);   groupons[param].endtime = dateformats(total_micro_second);   if (total_micro_second <= 0) {     groupons[param].endtime = "已结束"   }   that.setData({     groupon: groupons   })   setTimeout(function () {     grouponcountdown(that, end_time, param);   }, 1000) }  // 时间格式化输出，每1s都会调用一次 function dateformats(micro_second) {   // 总秒数   var second = Math.floor(micro_second / 1000);   // 天数   var day = Math.floor(second / 3600 / 24);   // 小时   var hr = Math.floor(second / 3600 % 24);   var hrStr = hr.toString();   if (hrStr.length == 1) hrStr = '0' + hrStr;    // 分钟   var min = Math.floor(second / 60 % 60);   var minStr = min.toString();   if (minStr.length == 1) minStr = '0' + minStr;    // 秒   var sec = Math.floor(second % 60);   var secStr = sec.toString();   if (secStr.length == 1) secStr = '0' + secStr;    if (day <= 1) {     return "剩 " + hrStr + ":" + minStr + ":" + secStr;   } else {     return "剩 " + day + " 天 " + hrStr + ":" + minStr + ":" + secStr;   } } //end  var app=getApp() Page({    /**    * 页面的初始数据    */   data: {       collageTeamlist : {}   },    /**    * 生命周期函数--监听页面加载    */   onLoad: function (options) {       app.showLoading();       var that = this             wx.request({           success:function(res){               var grouponList = request.data.collageTeamlist               // console.log(grouponList);               for (var i = 0; i < grouponList.length; i++) {                  var lack_num = grouponList[i].create_num - grouponList[i].current_num                  grouponList[i].lack_num = lack_num               }                that.setData({                   groupon: grouponList               })               var data = that.data.groupon               //列表获取到数据进行遍历               for (var i = 0; i < data.length; i++) {                   var end_time = data[i].end_time.replace(/-/g, '/')                   grouponcountdown(that,end_time, i)               }           },       })   },

相关推荐：

微信小程序的实例：实现下拉刷新数据的代码

小程序：实现点击倒计时的代码

小程序组件：聊天会话组件的介绍（附代码）

以上就是微信小程序实例：如何实现批量倒计时（附代码）的详细内容，更多内容请关注技术你好其它相关文章！