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
Freigeben: 2020-11-12 16:24:00
Original
2532 Leute haben es durchsucht

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 [< div> ;{{nowTime}}

].

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:&#39;&#39;
   }
  },
Nach dem Login kopieren

2. Gegeben ein div

<div>{{nowTime}}</div>
Nach dem Login kopieren

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;
    }
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage