倒计时插件与函数

(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组件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱技术的大仙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值