小程序中倒計時怎么實現

小編給大家分享一下小程序中倒計時怎么實現，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在商城商品信息里，會有倒計時的功能。

計算時間需要轉化為時間戳，但是安卓和ios系統對于識別的時間格式是不一樣的，安卓對識別沒有要求。IOS格式要求 2018/08/20 10:20:32，使用Date.parse()轉化時間戳不會出現在IOS端無法倒計時。

timeFormat: function(param) { //小于10的格式化函數
    return param < 10 ? '0' + param : param;
  },
  countDown: function() { //倒計時函數
    // 獲取當前時間，同時得到活動結束時間數組
    let newTime = Date.parse(new Date());
    let endTimeList = this.data.actEndTimeList;
    let countDownArr = [];
    // 對結束時間進行處理渲染到頁面
    endTimeList.forEach(o => {
      var strtime = o.replace(/-/g, '/');
      strtime = strtime.substring(0, 19);
      let endTime = new Date(strtime).getTime();
      let obj = null;
      // 如果活動未結束，對時間進行處理
      if (endTime - newTime > 0) {
        let time = (endTime - newTime) / 1000;
        // 獲取天、時、分、秒
        let day = parseInt(time / (60 * 60 * 24));
        let hou = parseInt(time % (60 * 60 * 24) / 3600);
        let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
        let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
        obj = {
          day: this.timeFormat(day),
          hou: this.timeFormat(hou),
          min: this.timeFormat(min),
          sec: this.timeFormat(sec)
        }
      } else { //活動已結束，全部設置為'00'
        obj = {
          day: '00',
          hou: '00',
          min: '00',
          sec: '00'
        }
      }
      countDownArr.push(obj);
    })
    // 渲染，然后每隔一秒執行一次倒計時函數
    this.setData({
      countDownList: countDownArr
    })
    setTimeout(this.countDown, 1000);
  },

看完了這篇文章，相信你對“小程序中倒計時怎么實現”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！