vue 15分钟倒计时

HTML:

<span>{{minute}}:{{second}}</span>

script:

一         vue  15分钟倒计时

// 倒计时
num(n) {
return n < 10 ? '0' + n : '' + n
},
timer () {
var _this = this
var time = window.setInterval(function () {
if (_this.seconds === 0 && _this.minutes !== 0) {
_this.seconds = 59
_this.minutes -= 1
} else if (_this.minutes === 0 && _this.seconds === 0) {
_this.seconds = 0
window.clearInterval(time)
} else {
_this.seconds -= 1
}
}, 1000)
}

vue  15分钟倒计时

三      vue  15分钟倒计时

 mounted() {
this.timer()
},
watch: {
second: {
handler (newVal) {
this.num(newVal) }
},
minute: {
handler (newVal) {
this.num(newVal)
}
}

vue  15分钟倒计时

上一篇:Linux0.11内核--加载可执行二进制文件之2.change_ldt


下一篇:rocketmq 集群环境搭建配置