评论

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

2019-09-20
7883浏览
15评论

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

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

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

一种实现方案

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

毫秒倒计时 GIF：

小程序效果如下图所示：

HAVE FUN 😃

点赞 1
收藏
评论

15 个评论

  • 简简单单
    简简单单
    2020-04-28

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

    2020-04-28
    赞同 1
    回复
  • 陈式坚
    陈式坚
    2019-12-06

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

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

    这是个什么骚操作？

    2019-09-20
    赞同 1
    回复
  • 韦小宝
    韦小宝
    2020-04-13

    蒂花之秀

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

    秀

    2020-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
    赞同
    回复

正在加载...

请 登录 后发表内容
作者介绍

文章标签
倒计时