微信小程序 多倒计时砍杀

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_39019768/article/details/80906840

<!--pages/input/input.wxml-->
<view class="list" wx:for="{{list}}"wx:key="index">
  <view class='m-list' style='margon-top:20px'>
    <view class='head'>
      <view class='head-left'>限时秒杀，持续抢购中</view>
      <view class='head-right'><view class='time-txt'>距结束：</view>
        <view class='time'>
        {{item.timeCountDown}} 
        </view>
      </view>
    </view>
    <view class='listxq'>
      <view class='listxq-left'>
        <view class='jianjie'>
          <view class='name'>{{item.name}}</view>
          <view class='oldprice'>{{item.oldprice}}</view>
          <view class='newprice'>{{item.newprice}}</view>
        </view>
      </view>
      <view class='listxq-right'>
        <view class='shengyu'>剩余：{{item.shengyu}}</view>
        <view class='buy'>立即抢购</view>
      </view>
    </view>
  </view>
</view>

//获取应用实例
Page({
  data: {
    stopTime:"",
    list: [
      { src: '../../images/msimg.png', name: '测试12', oldprice: '￥120.00', newprice: '￥100.00', shengyu: "120", timeCountDown: "00天00:00:00", timeStamp: 20000, },
      { src: '../../images/msimg.png', name: '测试12', oldprice: '￥120.00', newprice: '￥100.00', shengyu: "120", timeCountDown: "00天00:00:00", timeStamp: 40000, }
    ],

  },
  update(time) {
    let day = Math.floor(time / 1000 / 60 / 60 / 24),
      hour = Math.floor(time / 1000 / 60 / 60 % 24),
      minute = Math.floor(time / 1000 / 60 % 60),
      second = Math.floor(time / 1000 % 60);
    day < 10 && (day = '0' + day);
    hour < 10 && (hour = '0' + hour);
    minute < 10 && (minute = '0' + minute);
    second < 10 && (second = '0' + second);
    var re = day + '天' + hour + ':' + minute + ':' + second;
    return re;
  },
   onLoad() {
    var that = this;
    this.setData({
      stopTime:setInterval(function () {
         that.timer();
      }.bind(this), 1000)
    })
  },
  timer: function () {
    var list = this.data.list;
    var that = this;
    var num = 0;
    for (var i = 0, len = list.length; i < len; i++) {
      var timeStamp = list[i].timeStamp;
      var timeCountDown = 'list[' + i + '].timeCountDown';
      var timeStamps = 'list[' + i + '].timeStamp';
      let time = timeStamp;
      time -= 1000;
      if (time <= 0) {
        that.setData({
          [timeCountDown]: '已结束',
          [timeStamps]: time
        })
      } else {
        num++;
        var timer = that.update(time);
        console.log(timeCountDown);
        that.setData({
          [timeCountDown]: timer,
          [timeStamps]: time
        })
      }
    }
    if(num>0){

    }else{
      clearInterval(this.data.stopTime)
    }
  },
})