Implementierungscode des Countdowns im WeChat-Applet

Der Inhalt dieses Artikels befasst sich mit dem Implementierungscode des Countdowns im WeChat-Applet. Ich hoffe, dass er für Freunde in Not hilfreich ist.

In den Produktinformationen des Einkaufszentrums wird es eine Countdown-Funktion geben.

Die Berechnungszeit muss in einen Zeitstempel umgewandelt werden, aber Android- und iOS-Systeme haben unterschiedliche Zeitformate für die Erkennung, und Android hat keine Anforderungen für die Erkennung. IOS-Formatanforderungen 20.08.2018 10:20:32, die Verwendung von Date.parse() zum Konvertieren des Zeitstempels wird auf der IOS-Seite nicht angezeigt und kann nicht heruntergezählt werden.

timeFormat: function(param) { //小于10的格式化函数
    return param < 10 ? &#39;0&#39; + 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, &#39;/&#39;);
      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 { //活动已结束，全部设置为&#39;00&#39;
        obj = {
          day: &#39;00&#39;,
          hou: &#39;00&#39;,
          min: &#39;00&#39;,
          sec: &#39;00&#39;
        }
      }
      countDownArr.push(obj);
    })
    // 渲染，然后每隔一秒执行一次倒计时函数
    this.setData({
      countDownList: countDownArr
    })
    setTimeout(this.countDown, 1000);
  },

Verwandte Empfehlungen:

Beispiel für ein JS-basiertes Countdown-Programm_Javascript-Kenntnisse

jQuery-Gruppenkauf-Countdown-Spezialeffekt-Implementierungsmethode _jquery

Das obige ist der detaillierte Inhalt vonImplementierungscode des Countdowns im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!