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

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

 //适用于商品列表倒计时/** * 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 = #39;0 #39; + hrStr;
 // 分钟
 var min = Math.floor(second / 60 % 60);
 var minStr = min.toString();
 if (minStr.length == 1) minStr = #39;0 #39; + minStr;
 // 秒
 var sec = Math.floor(second % 60);
 var secStr = sec.toString();
 if (secStr.length == 1) secStr = #39;0 #39; + 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, #39;/ #39;)
 grouponcountdown(that,end_time, i)
 },
 相关推荐：
微信小程序的实例：实现下拉刷新数据的代码
小程序：实现点击倒计时的代码
小程序组件：聊天会话组件的介绍（附代码）
以上就是微信小程序实例：如何实现批量倒计时（附代码）的详细内容，更多请关注php中文网其它相关文章！
 
  
 微信app下载
 
微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！