VUEは、現在のリアルタイム更新を取得します

要件:システム時間一貫ページに現在のシステム時間、年、月、日、時間のショーを取得し、リアルタイムで更新し、

2つの変数が宣言しDETA:ステップ1
2ステップ:時間を作成した書面で呼び出すように()ライフサイクル内で、あなたが呼び出す必要がページを入力してください
)beforeDestroyを(使用してページを残して破壊する:第三のステップを
次のように:
データ(){
     リターン{ 
      タイマー: ""、// タイマー変数を定義
      CURRENTTIME:新しい新しい日付を()、// 現在の時刻を取得
    }; 
  }、
作成された(){ 
    VARの _this = この ; // 指すように変数を宣言例としては、Vueのこの一貫性の範囲を確保するために
    、この .timer =たsetInterval(関数(){ 
      _this.currentTimeは = // データDATE変更
        新しい新しい日付()のgetFullYear()+。
        " - " + 新新。日付()getMonth()+を1)+ 
        " - " + 新新しい。日付()のgetDate()+ 
        "" +
        
        新しい新しい日付()次に、getHours()+。
        ":" + 新しい新しい日付()getMinutes()+。
        ":" + 新しい新しい日付()getSeconds(); 
    }、 1000 ); 
  }、
beforeDestroy(){ IF。タイマー){ 
      てclearInterval(この .timer); // 破壊Vueの例の前に、私たちはタイマーを削除    } 
  }
        
        
    

だから、時間形式のニーズを満たすために取得することができます2019-8-168:5:9  

10は、より少ないプラス0ではありません 

必要な場合は、以下の方法がプラスにすることができます使用することができます

// 过滤加0 
appendZero(OBJ){
 場合(OBJ <10 ){
 リターン "0" + OBJ。
} {
 戻りOBJと、
} 
}、

 

おすすめ

転載: www.cnblogs.com/lidonglin/p/11362384.html