有时,你跑到另外一个页面去,回来发现自己的页面出了个bug,如轮播图写出来当你从别的页面在进去,原先的定时器还是会再运行,这样里面的一些值就会改变,看到的效果就不一样,
下面就是解决这个问题的方法。
下面就是解决这个问题的方法。
- document 中有个事件 visibilityChange 含义是文档流可见不可见
- document 还有个属性visibilityStart 值有两个离开是hidden 回来时visible
- 具体案例跟轮播图其中一个Bug有关
document.addEventListener('visibilitychange', function () {
// console.log(document.visibilityState);
if (document.visibilityState == 'hidden') {
console.log('文档流里面的同步和异步都停止在跑的那个位置');
} else
if (document.visibilityState == 'visible') {
console.log('文档流里面的同步和异步在原先的位置接着执行');
}
})