uniapp倒计时商品秒杀
时间: 2024-01-28 13:04:17 浏览: 105
以下是在uniapp中实现商品秒杀倒计时的示例代码:
```javascript
<template>
<div>
<div>{{ countdown }}</div>
</div>
</template>
<script>
export default {
data() {
return {
countdown: ''
}
},
mounted() {
// 获取截止时间和当前时间
const endTime = new Date('2022-01-01 00:00:00').getTime();
const nowTime = new Date().getTime();
// 计算倒计时时间差
const timeDiff = endTime - nowTime;
// 开始倒计时
this.countdown = this.formatTime(timeDiff);
setInterval(() => {
timeDiff -= 1000;
this.countdown = this.formatTime(timeDiff);
}, 1000);
},
methods: {
// 格式化时间
formatTime(timeDiff) {
const hours = Math.floor((timeDiff / (1000 * 60 * 60)) % 24);
const minutes = Math.floor((timeDiff / (1000 * 60)) % 60);
const seconds = Math.floor((timeDiff / 1000) % 60);
return `${hours}小时 ${minutes}分钟 ${seconds}秒`;
}
}
}
</script>
```
在上述代码中,我们首先获取了截止时间和当前时间,然后计算出时间差。接下来,我们使用`setInterval`函数每隔一秒更新倒计时时间,并通过`formatTime`方法将时间差格式化为小时、分钟和秒的形式。最后,将格式化后的倒计时时间显示在页面上。
阅读全文