将天/小时/分/秒一起转换
rom
用于显示iTime
就是输入的分钟TnT
就是用于切换clearInterval()
原本我想用$off取消ck事件,但是Vue3取消了$off。真是可惜
<div id="app">
<input type="text" v-model="iTime" @keyup.enter="ck" />
<button @click="rem">清空</button>
<p>
{{rom}}
</p>
</div>
export default {
data() {
return {
rom: "",
iTime: "",
TnT: true
}
},
methods: {
ck() {
let countTime = this.iTime * 60
this.TnT = true
this.iTime = ""
var sb = setInterval(() => {
let day = parseInt(countTime / 60 / 60 / 24)
let hr = parseInt(countTime / 60 / 60 % 24)
let min = parseInt(countTime / 60 % 60)
let sec = countTime % 60
sec = sec > 9 ? sec : '0' + sec
countTime--
this.rom = `${day}天${hr}小时${min}分${sec}秒`
if (this.TnT == false) {
clearInterval(sb)
this.iTime = ""
this.rom = ""
}
}, 1000)
},
rem() {
this.TnT = false
}
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。