ホームページ > WeChat アプレット > ミニプログラム開発 > WeChatアプレットでのカウントダウンの実装コード

WeChatアプレットでのカウントダウンの実装コード

不言
リリース: 2018-09-06 10:26:27
オリジナル
3762 人が閲覧しました

この記事の内容は、WeChat アプレットのカウントダウンの実装コードに関するものです。必要な方は参考にしていただければ幸いです。

モールの商品情報にカウントダウン機能が付きます。

WeChatアプレットでのカウントダウンの実装コード

計算時間をタイムスタンプに変換する必要がありますが、Android と iOS システムでは認識のための時間形式が異なり、Android には認識のための要件はありません。 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_javascriptスキルに基づくカウントダウンプログラム例

jQuery共同購入カウントダウン特殊効果実装方法_jquery

以上がWeChatアプレットでのカウントダウンの実装コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート