解决H5页面切换到后台后定时器不更新的问题

问题描述:点手机home键把当前程序切换到后台,隔了一会后再回到页面前台,发现倒计时时间还是之前切换到后台时的时间,没有更新。如:切换到后台前是27:26:23,切换到后台隔10分钟,再回来发现还是27:26:23,而不是27:16:23。

我们可以监听浏览器前后台的切换状态,用这个状态判断是否切换有到后台,然后再用这个状态加载自己想要的数据。

如:

componentDidMount() {

    // 监听浏览器是否切到后台,刷新倒计时

    document.addEventListener('visibilitychange', this.checkBrowserChange);

}

checkBrowserChange = () => {

    if (!document.hidden) {

        this.getTime()

    }

}

经测试PC端和H5端都可用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容