Code d'implémentation du compte à rebours dans l'applet WeChat

Le contenu de cet article concerne le code d'implémentation du compte à rebours dans l'applet WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Dans les informations produit du centre commercial, il y aura une fonction de compte à rebours.

Le temps de calcul doit être converti en horodatage, mais les systèmes Android et iOS ont des formats d'heure différents pour la reconnaissance, et Android n'a aucune exigence de reconnaissance. Exigences de format IOS 20/08/2018 10:20:32, l'utilisation de Date.parse() pour convertir l'horodatage n'apparaîtra pas du côté IOS et ne pourra pas compter à rebours.

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);
  },

Recommandations associées :

Exemple de programme de compte à rebours basé sur JS_compétences javascript

effets spéciaux du compte à rebours des achats groupés jQuery Implémentation method_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!