本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

一套代码,实现正计时与倒计时的微信小程序

  前段时间,需要一个微信小程序计时器记录日常作业的时间,网上找到了一段计时器代码,顺利的做好了,但是用的过程中发现了问题,屏幕亮着的时候可以正常使用,手机屏幕息屏、锁屏后,小程序就不再计时;
  晚上看到了一段倒计时的代码,息屏后也可以计时,经过研究后发现这个小程序是将开始时间、结束时间等需要的变量都存入了缓存,在中屏幕重新点亮后,用onShow: function(),再把数据读出来,跟当前时间对比,所有的问题一下子解决了,顺利实现了微信小程序计时器息屏后继续计时功能。

4.png

计时器demo默认为倒计时,若需要正计时器,只需将updateTimer: function()代码中 let remainingTime = Math.round((log.endTime - now) / 1000),如下图所示:

2.png
修改为let remainingTime = Math.round((now - log.startTime) / 1000)即可实现微信小程序正计时。
3.png

附件:微信小程序计时器demo源代码
timer-master11.zip


 继续浏览关于 微信小程序计时器 的文章

 本文最后更新于:2020/04/01 09:47:15,可能因经年累月而与现状有所差异

 引用转载请注明:三十那年 > ├ 开发笔记 > 一套代码,实现正计时与倒计时的微信小程序