当我们计时器写一个动画效果,浏览器一段时间不使用,然后再次进来的时候效果会出现问题,所以需要对计时器做一些处理
document.addEventListener("visibilitychange", function () {
if (document.hidden === true) {
// 页面被挂起
// clearInterval(listTime)
} else {
// 页面由挂起被激活
// fluctuation()
}
});
当页面挂起就是我们当前窗口不在该页面就先将计时器暂停,当进入该页面时就是被激活了,我们在重新启用计时器