setInterval(function() {})

setInterval(function() {
    console.log(new Date())
}，500)
浏览器页面在serInterval当前页的时候，页面会每隔500毫秒正常执行,也就是每秒钟会打印两次当前时间，如果页面切到另外一个页面后停留了一段时间再切回来，
那么会发现 定时器在这个过程中变慢了，可能变成了每秒钟只打印了一次当前时间。这是浏览器偷懒了，你没有访问这个页面，他就会降低内存的消耗
复制代码

在做自动轮播的时候就可能会遇到以上这种情况，在页面切到其他页面停留一段时间后，再切回来发现轮播的banner出现了一小段时间的乱，然后再回归正常。

那么如果解决这个问题呢？

我们可以利用visibilitychange事件来监听页面是否可见
document.addEventListener('visibilitychange',function(e) {
    console.log(document.hidden)
})
当页面切走的时候回打印出 true 当页面切回来之后就打印出 false;
这个事件可以满足一些用户需求，比如标签页隐藏的时候停止播放音乐视频、停止一些不必要的轮询，还有停止一些诸如轮播等循环动画效果等等。这些可以节省服务器和本地的开销。
复制代码