前段时间,需要一个微信小程序计时器记录日常作业的时间,网上找到了一段计时器代码,顺利的做好了,但是用的过程中发现了问题,屏幕亮着的时候可以正常使用,手机屏幕息屏、锁屏后,小程序就不再计时;
晚上看到了一段倒计时的代码,息屏后也可以计时,经过研究后发现这个小程序是将开始时间、结束时间等需要的变量都存入了缓存,在中屏幕重新点亮后,用onShow: function(),再把数据读出来,跟当前时间对比,所有的问题一下子解决了,顺利实现了微信小程序计时器息屏后继续计时功能。
计时器demo默认为倒计时,若需要正计时器,只需将updateTimer: function()代码中 let remainingTime = Math.round((log.endTime - now) / 1000)
,如下图所示:
修改为let remainingTime = Math.round((now - log.startTime) / 1000)
即可实现微信小程序正计时。
附件:微信小程序计时器demo源代码
timer-master11.zip