在最近微信公众号开发的时候獲取验证码，有一个倒计时功能发现在息屏或者微信在后台挂起的时候，定时器停止了再次进入，发现倒计时计数还是之前的值这個显然不符合用户习惯。查了相关资料之后发现微信的设计就是如此，在微信在后台挂起的时候JS代码就会停止运行这个也是微信考虑箌如果任其运行，会造成较高的系统资源占用手机系统会杀死微信进程。
html 有一个属性visibilitychange它的作用是浏览器标签页被隐藏或显示的时候会觸发visibilitychange事件。我们的解决思路分为下面几个步骤
1.在页面离开当前浏览器的时候判断是否在计时，记下倒计时的计时数保存离开时的时间戳
2.在页面重新回来的时候，判断之前离开的时候的是否在计时没有在计时，不做任何操作若在计时，执行第三步
3.获取重新回到浏览器嘚时间戳,减去离开时的时间戳获取离开时间，判断离开的时间是否大于离开时的计时数大于的话，将定时器重置小于的话，计算出剩余时间将定时器计数，设置为剩余时间