WeChat 애플릿의 카운트다운 구현 코드

이 기사의 내용은 WeChat 애플릿의 카운트다운 구현 코드에 관한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

쇼핑몰 상품정보에 카운트다운 기능이 있습니다.

계산 시간을 타임스탬프로 변환해야 하는데 안드로이드와 iOS 시스템에서 인식하는 시간 형식이 다르며 안드로이드에는 요구 사항이 없습니다. 인정을 위해. IOS 형식 요구 사항 2018/08/20 10:20:32, Date.parse()를 사용하여 타임스탬프를 변환하면 IOS 측에 표시되지 않으며 카운트다운할 수 없습니다.

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

관련 추천:

JS 기반 카운트다운 프로그램 example_javascript Skill

#🎜🎜 #jQuery 공동구매 카운트다운 특수효과 구현방법_jquery

위 내용은 WeChat 애플릿의 카운트다운 구현 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!