Heim >Web-Frontend >View.js >So zeigen Sie die Zeit in vue.JS an

So zeigen Sie die Zeit in vue.JS an

coldplay.xixi
coldplay.xixiOriginal
2020-11-12 16:24:002534Durchsuche

Vue.JS-Methode zum Anzeigen der Zeit: Definieren Sie zunächst eine Variable in Daten, um die Zeit zu speichern. Der Code lautet [data(){return {nowTime:''}}]. Anschließend wird ein div angegeben. Der Code lautet [e87ab3e656789b033385c9d062970cbd].

So zeigen Sie die Zeit in vue.JS an

【Empfehlungen für verwandte Artikel: vue.js

vue.JS-Methode zur Zeitanzeige:

1. Definieren Sie eine Variable in. data um die Zeit zu speichern

data(){
   return {
     nowTime:''
   }
  },

2. Gegeben ein div

<div>{{nowTime}}</div>

3.js Teil

 //显示当前时间(年月日时分秒)
    timeFormate(timeStamp) {
      let year = new Date(timeStamp).getFullYear();
      let month =new Date(timeStamp).getMonth() + 1 < 10? "0" + (new Date(timeStamp).getMonth() + 1): new Date(timeStamp).getMonth() + 1;
      let date =new Date(timeStamp).getDate() < 10? "0" + new Date(timeStamp).getDate(): new Date(timeStamp).getDate();
      let hh =new Date(timeStamp).getHours() < 10? "0" + new Date(timeStamp).getHours(): new Date(timeStamp).getHours();
      let mm =new Date(timeStamp).getMinutes() < 10? "0" + new Date(timeStamp).getMinutes(): new Date(timeStamp).getMinutes();
      let ss =new Date(timeStamp).getSeconds() < 10? "0" + new Date(timeStamp).getSeconds(): new Date(timeStamp).getSeconds();
      this.nowTime = year + "年" + month + "月" + date +"日"+" "+hh+":"+mm+&#39;:&#39;+ss ;
    },
    nowTimes(){
      this.timeFormate(new Date());
      setInterval(this.nowTimes,1000);
      this.clear()
    },
    clear(){
      clearInterval(this.nowTimes)
      this.nowTimes = null;
    }

4. Verwenden Sie hauptsächlich den Timer, rufen Sie ihn jede Sekunde auf und löschen Sie schließlich den Timer und die Clear-Funktion

Verwandte kostenlose Lernempfehlungen: JavaScript (Video)

Das obige ist der detaillierte Inhalt vonSo zeigen Sie die Zeit in vue.JS an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn