问题描述:点手机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端都可用。