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

本篇文章给大家带来的内容是关于微信小程序实例：如何实现批量倒计时（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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

1.展示效果如下：

2.wxml代码：<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;}}//endvar app=getApp()Page({/*** 页面的初始数据*/data: {collageTeamlist : {}},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {app.showLoading();var that = thiswx.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_numgrouponList[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)}},})}, 相关推荐：

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

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

小程序组件：聊天会话组件的介绍（附代码）以上就是微信小程序实例：如何实现批量倒计时（附代码）的详细内容，更多请关注小潘博客其它相关文章！