动态显示实时时间 功能的实现

 

 

北京时间：16:41:19

---------动态显示实时时间

代码实现：

法一：

（js写法，对日期进行了格式化）

data() {
    return {
          time:'',//存放实时时间（已处理）
  }
}
 mounted() {
    this.getBeijingTime();
},
 methods: {
   getBeijingTime(){
    this.time = setInterval(() => {
        var date = new Date(); // //存放实时时间（未进行处理）
        var h=this.date.getHours();
        h=h<10?'0'+h:h;
        var m=this.date.getMinutes();
        m=m<10?'0'+m:m;
        var s=this.date.getSeconds();
        s=s<10?'0'+s:s;
        this.time=h+':'+m+':'+s;
    }, 1000);
},

法二：

（拼接字符串写法，未对日期进行格式化）

this.time=`${this.date.getHours()}:${this.date.getMinutes()}:${this.date.getSeconds()}`