uniapp 倒计时(分秒)
时间: 2024-01-24 16:16:02 浏览: 125
以下是使用uniapp实现倒计时(分秒)的示例代码:
```html
<template>
<view>
<text>{{ countdownm }}:{{ countdowns }}</text>
</view>
</template>
<script>
export default {
data() {
return {
countdownm: '',
countdowns: '',
timer: null
}
},
mounted() {
this.startCountdown()
},
methods: {
startCountdown() {
let totalSeconds = 120 // 倒计时总秒数
this.countdownm = Math.floor(totalSeconds / 60)
this.countdowns = totalSeconds % 60
this.timer = setInterval(() => {
if (totalSeconds > 0) {
totalSeconds--
this.countdownm = Math.floor(totalSeconds / 60)
this.countdowns = totalSeconds % 60
} else {
clearInterval(this.timer)
}
}, 1000)
}
}
}
</script>
```
在上述代码中,我们使用了uniapp的`mounted`生命周期函数来在页面加载时启动倒计时。`startCountdown`方法用于开始倒计时,其中`totalSeconds`表示倒计时的总秒数。通过每秒减少`totalSeconds`的值,并将分钟和秒钟部分分别赋值给`countdownm`和`countdowns`,实现倒计时的效果。当倒计时结束时,我们清除计时器。
阅读全文