评论

关于计时器,读秒,倒计时相关功能说明(wxTimer)

wxTimer

我推荐一个倒计时插件wxTimer,这个倒计时插件运用原生写法写了一个原型倒计时js,可拓展性十分的强大,但是网上资料甚少导致一些初学者看不懂文档,先放文档链接github:

https://github.com/baqihg/wxTimer

文档里的内容还是要掰扯一下的,大家可能好奇,为什么我用了这一段倒计时不动了

var wxTimer = new timer({
    beginTime:"00:00:10"
})
wxTimer.start(this);
wxTimer.stop();

wxTimer.stop();这个是停止的语法,在他的js文件原型里可以清楚的看到是包裹在外面的所以写在这里就是启动了一次又把他停止了,只需要去掉这个语法就可以读秒了。

还有就是写了一个button 绑定了bindtap事件去控制wxTimer.stop();可以发现并不生效,原因查看原型可知是wxTimer.stop();读不到停止的那个原型对象,如果你设定了倒计时为wxTimer,那你必须要要在page({})的外面事先声明这个量比如写var wxTimer 这样你就可以通过if(wxTimer ){wxTimer.stop();}找到这个计时器去停止这个倒计时了

这个倒计时是很好用的,页面隐藏后倒计时还是会进行,对读秒跳转和计时的功能有一定的帮助,可以添加在小程序的各个生命周期里,不过要事先做好销毁停止的处理

最后一次编辑于  2020-06-16  
点赞 1
收藏
评论

1 个评论

  • 睡不好的花猪🐷
    睡不好的花猪🐷
    2020-07-10

    插件在ios 上不显示 有什么解决办法吗

    2020-07-10
    赞同
    回复 2
    • 时光
      时光
      2020-09-03
      兄弟解决了吗
      2020-09-03
      回复
    • 未知生物
      未知生物
      2020-12-28
      不好意思各位,最近一直在做别的项目,这是由于ios系统时间导致的。ios获取时间和安卓的不同 大家要做一个设备的判断,写对应的方法
      2020-12-28
      回复
登录 后发表内容