首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

手机锁屏js倒计时停止问题解决办法探索

如图,有这么个需求,测试人员在测试过程中提了一个bug,手机锁屏再唤醒倒计时时间没有更新,仍从锁屏的时间继续,于是开始寻找解决之法 经了解得知,锁屏时候,浏览器的一切活动会停止运行,那么js也无法幸免,...这时候就想到有没有能监听浏览器活动停止的方法呢?...this.times = this.times - (Date.now() - this.closeTime)/1000; } }, } 经实验,加上这段代码后确实倒计时更新了...,但是时间显示会快2到3秒,不得其解,感觉应该是取值的时候比屏幕唤醒慢了,比如我锁屏5秒,但是在唤醒时倒计时少了7秒。...也想到了一种办法,就是唤醒时候重新拉取服务端的时间,然后更新虚拟dom,在实际操作中,由于是异步获取,会看到倒计时数字那里有明显的闪一下更新,不利于用户体验。

3.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    html倒计时免费代码,JS倒计时代码汇总

    本文实例总结了常见的JS倒计时代码。分享给大家供大家参考。...具体汇总如下: 第一种:精确到秒的javascript倒计时代码 HTML代码: 离2010年还有: startclock() var timerID = null; var timerRunning...HTML代码: 第四种:最简倒计时 HTML代码: 第五种:最简倒计时二 HTML代码: function djs(){ var urodz= new Date(“11/12/2008”); var...– 采用系统时间自校验 这次利用系统时间自校验倒计时, 无需手工调校使得倒计时更为精确, 代码及详细注释如下: 00:01:11:00 var normalelapse = 100; var nextelapse...setInterval函数: 时间逝去nextelapse(毫秒)后, onTimer才开始执行 timer = window.setInterval(“onTimer()”, nextelapse); } // 停止运行

    5.2K10
    领券