写vue代码实现倒计时
时间: 2023-03-07 21:14:17 浏览: 131
Vue写一个简单的倒计时按钮功能
5星 · 资源好评率100%
我可以给你一些参考代码:<template>
<div>
<h1>倒计时示例:</h1>
<span>{{minutes}} 分 {{seconds}} 秒</span>
</div>
</template><script>
export default {
data() {
return {
minutes: 0,
seconds: 0
}
},
created() {
this.countdown();
},
methods: {
countdown() {
let vm = this;
setInterval(function() {
if (vm.seconds > 0) {
vm.seconds--;
}
if (vm.seconds === 0) {
if (vm.minutes === 0) {
clearInterval(this);
} else {
vm.minutes--;
vm.seconds = 59;
}
}
}, 1000);
}
}
}
</script>
阅读全文