// 实时日期时间
getDateTime () {
var year = new Date().getFullYear()
var month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1)
var date = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
var hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours()
var mm = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
var ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
this.dateNow = year + '年' + month + '月' + date + '日'
this.timeNow = hh + ':' + mm + ':' + ss
},
想要实现的效果是在页面里动态展示实时的时间,精确到秒。定时每秒调用函数,记得清除定时器
mounted () {
let timer = setInterval(() => {
this.getDateTime()
}, 1000)
// 在Vue实例销毁前,清除定时器
this.$once('hook:beforeDestroy', () => {
clearInterval(timer)
})
},