倒计时插件与函数
(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)使用倒計時插件
import Countdown from 'rax-countdown';const onComplete = () => {console.log('countdown complete');};<CountdowntimeRemaining={parseInt(v.starts) - parseInt(v.current)}tpl={'{h}:{m}:{s}'}onComplete={onComplete}/>使用插件,參數當前時間和結束時間(使用毫秒)。調用一次后,時間會開始倒計時~
使用場景:rax組件
總結
- 上一篇: 一个列表中按钮的不同样式
- 下一篇: 在网页中使用react