解决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端都可用。