评论

小程序毫秒级倒计时的一种优雅实现

使用秒级的定时器刷新页面或组件实现秒级的倒计时,制作毫秒倒计时的 GIF 并把图放到秒级倒计时后面。

在小程序上用毫秒级定时器来刷新页面或组件,会引发性能问题。

使用 canvas 又对字体样式无法进行很好的控制。

一种实现方案

使用秒级的定时器刷新页面或组件实现秒级的倒计时,制作毫秒倒计时的 GIF 并把图放到秒级倒计时后面。

毫秒倒计时 GIF:

小程序效果如下图所示:

HAVE FUN 😃

点赞 1
收藏
评论

15 个评论

  • 陈式坚
    陈式坚
    2019-12-06

    gif怎么控制开始时间...

    2019-12-06
    赞同 1
    回复
  • NINE
    NINE
    2019-09-20

    这是个什么骚操作?

    2019-09-20
    赞同 1
    回复
  • 简简单单
    简简单单
    04-28

    你们还不明白吗?就是倒计时后面放个gif图,反正你也看不清是多少毫秒。

    04-28
    赞同
    回复
  • 韦小宝
    韦小宝
    04-13

    蒂花之秀

    04-13
    赞同
    回复
  • CaptainRobin
    CaptainRobin
    03-13

    03-13
    赞同
    回复
  • 小康¹⁸
    小康¹⁸
    2019-11-08

    面试官问我毫秒级的倒计时有啥处理,我说不知道。。如果前天我看了你的文章,如此回答。。

    2019-11-08
    赞同
    回复
  • bibolibo
    bibolibo
    2019-09-25

    实现方式呢?Show完图 就跑 ,效果很棒..可以提高用户体验程度.,,nice  ..

    2019-09-25
    赞同
    回复
  • ᴴᴱᴸᴸᴼ
    ᴴᴱᴸᴸᴼ
    2019-09-23

    花里胡哨的东西我最喜欢了

    2019-09-23
    赞同
    回复
  • 梧桐树
    梧桐树
    2019-09-21

    骚操作,秀

    2019-09-21
    赞同
    回复
  • 小蒜泥
    小蒜泥
    2019-09-20

    这年轻人

    2019-09-20
    赞同
    回复

正在加载...

登录 后发表内容