(1)使用倒计时函数
const countDown = (current, ends) => {
const leftTime = ends - current;
let [h, m, s] = ['00', '00', '00'];
if (leftTime >= 0) {
h =
Math.floor((leftTime / 1000 / 60 / 60) % 24) >= 10
? Math.floor((leftTime / 1000 / 60 / 60) % 24)
: `0${Math.floor((leftTime / 1000 / 60 / 60) % 24)}`;
m =
Math.floor((leftTime / 1000 / 60) % 60) >= 10
? Math.floor((leftTime / 1000 / 60) % 60)
: `0${Math.floor((leftTime / 1000 / 60) % 60)}`;
s =
Math.floor((leftTime / 1000) % 60) >= 10
? Math.floor((leftTime / 1000) % 60)
: `0${Math.floor((leftTime / 1000) % 60)}`;
}
setTimeout(countDown, 1000);
}
函数接收两个参数,当前时间和结束时间(使用毫秒)。调用一次后,时间会开始倒计时~
使用场景:PC,移动均适用
**(2)使用倒计时插件**
```javascript
import Countdown from 'rax-countdown';
const onComplete = () => {
console.log('countdown complete');
};
<Countdown
timeRemaining={parseInt(v.starts) - parseInt(v.current)}
tpl={'{h}:{m}:{s}'}
onComplete={onComplete}
/>
使用插件,参数当前时间和结束时间(使用毫秒)。调用一次后,时间会开始倒计时~
使用场景:rax组件