评论

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

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

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

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

一种实现方案

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

毫秒倒计时 GIF:

小程序效果如下图所示:

HAVE FUN 😃

最后一次编辑于  09-20  
点赞 0
收藏
评论

12 个评论

  • 陈式坚
    陈式坚
    12-06

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

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

    这是个什么骚操作?

    09-20
    赞同 1
    回复
  • 小康¹⁸
    小康¹⁸
    11-08

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

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

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

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

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

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

    骚操作,秀

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

    这年轻人

    09-20
    赞同
    回复
  • A-潇十一郎
    A-潇十一郎
    09-20

    实现方式呢?Show完图 就跑

    09-20
    赞同
    回复
  • Charb
    Charb
    09-20

    非常秀

    09-20
    赞同
    回复
  • 啊喵
    啊喵
    09-20

    真是让人摸不着头脑

    09-20
    赞同
    回复

正在加载...