Vue js实时显示当前时间

当前实例在vue项目中

export default {
    data(){
        return{
            nowTimes:{
                yy:0,
                dd:"00",
                hou:"00",
                min:"00",
                sec:"00"
            },
            setTime:null
        }
    },
    mounted(){
        this.setTime = setInterval( ()=>{
            this.setNowTimes();
        },1000)
    },
    methods:{
        setNowTimes(){
            let myDate = new Date();
            this.nowTimes.yy = myDate.getMonth()+1;
            this.nowTimes.dd = String(myDate.getDate()<10?'0'+ myDate.getDate(): myDate.getDate()) ;
            this.nowTimes.hou = String(myDate.getHours()<10?"0"+myDate.getHours():myDate.getHours());
            this.nowTimes.min = String(myDate.getMinutes()<10?'0'+myDate.getMinutes():myDate.getMinutes());
            this.nowTimes.sec = String(myDate.getSeconds()<10?'0'+myDate.getSeconds():myDate.getSeconds());
        }
    },
    beforeUpdate(){
      clearInterval(this.setTime)
  }
}

vue项目就直接用吧！

最后

以上就是甜美裙子为你收集整理的Vue js实时显示当前时间的全部内容，希望文章能够帮你解决Vue js实时显示当前时间所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。