アプレットのカウントダウン時間形式

私たちは多くの時間がカウントダウンスタイルがあるだろうやる、カウントダウンの秒、分、時間、日、どのように多くのカウントダウンされているがあります

だから、私はデモ何日のカウントダウンをまとめました。

私たちは、ディレクトリutilsの中dataTime.jsファイルを作成します

ファイルの書き込み機能

=一定getTimeLeft機能getTimeLeftエクスポート（datetimeTo）{ 
  //は、目標電流との時間差（秒）を計算
  させTIME1 = datetimeTo; 
  せて新たな新しいTIME2 =日付（）getTime（）;. 
  IF（TIME1 <= TIME2）リターン「（0を残し日夜12時00分）「を処理し、
  MSS = TIME1てみましょう- TIME2; 
  //時間差（形式でミリ秒）：一日おき
  のlet =日のparseInt（MSS / * 60 * 60 * 24（1000））; 
  LET時間は= parseInt（（MSSの％（* 60 * 60 * 24 1000年* 60 * 60））/（1000））; 
  LET分=のparseInt（（MSSの％* 60（* 60 * 60 1000））/（1000））; 
  LET = parseIntは秒は、（（MSSの％（1000 * 60））/ 1000）; 
  戻り値は、 '（' + "とき" +分+ "分" +秒+ 'S' +日+ "日" +時間+ '左' + '治療' + ''）
}

　　ファイルでこの機能の導入

"../utils/dataTime.js" からインポート{getTimeLeft}。

ページ（{ 
 データ：{ 
   datetimeTo： ""、
   timeleftに： "" 
}）

日付形式は2020年2月31日夜3時06分57秒このフォーマットであれば、我々は、インタフェースからデータを取得すると、私たちは、変換後のIOSフォーマットにつながる可能性があり、以下のフォーマット変換を使用しないようにしようNAN NAN二分の誤差はNAN NAN日発生したとき

そこで、我々は方法を変更することができます

ARR = data.split LET（/ [ - ：] /）; 
せnndate新しい新しい=日（ARR [0]、ARR - 1、ARR [2]、ARR、ARR [4]、ARR [1] [3] 5]）; 
      nndate = Date.parse（nndate）//取得したタイムスタンプ

　　私たちは3日間カウントダウン場合は、7日間またはその他の倍* 3ラインの値プットを変更するには

VAR sevenDayLater = nndate * 1 + 86400 *×1000 3; // 取得したタイムスタンプをカウント次の3日間
this.setData（{ 
datetimeTo：sevenDayLater 
}）

　　我々は（）のsetIntervalを使用して、3日後のタイムスタンプを取得するとカウントダウンをし、現在のタイムスタンプされました

  isTimeHandler（のstartTime）{ 
    this.data.timer =たsetInterval（（）=> { 
      this.setData（{ 
        timeleftに：getTimeLeft（this.data.datetimeTo）//使用了utils.getTimeLeft 
      }）; 
      IF（this.data.timeLeft == "0天0时0分0秒"）{ 
        てclearInterval（this.data.timer）; 
      } 
    }、1000）。
  }、

　　ページ内のこのパラメータの導入

<テキスト> {{timeleftに}} </テキスト>

アプレットのカウントダウン時間形式

おすすめ