模板中
<span id="timehs">:00</span>
声明timeDt方法
methods: {
timeDt () {
this.timer1 = setTimeout(function () {
var haomiao = 99
document.getElementById('timehs').innerHTML = ':' + haomiao
this.timer2 = setInterval(function () {
const timehs = document.getElementById('timehs')
if (timehs) {
timehs.innerHTML = `:${haomiao < 10 ? `0${haomiao}` : haomiao}`
}
haomiao--
if (haomiao < 0) {
haomiao = 99
}
}, 10)
}, 1000)
}
}
在create生命周期函数中调用timeDt方法
created () {
this.$nextTick(() => {
this.timeDt()
})
},