PC safari浏览器轮播异常

最新推荐文章于 2026-06-19 12:20:43 发布

原创最新推荐文章于 2026-06-19 12:20:43 发布 · 517 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种防止iOS设备上网页轮播图在重新加载后出现速度失控的方法。通过监听页面可见性变化，当用户离开页面时，停止轮播定时器；当用户返回页面时，重新启动定时器，确保轮播效果平滑。

问题：PC轮播 ios浏览器离开页面一段时间后再回来，会飞速轮播

思路：监听是否离开当前浏览页面，离开就停止定时器，再回来就开启定时器

代码：

//ios兼容，离开页面再回来，飞速轮播
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
   hidden = "hidden";
   visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
   hidden = "mozHidden";
   visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
   hidden = "msHidden";
   visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
   hidden = "webkitHidden";
   visibilityChange = "webkitvisibilitychange";
}
// 监听是否离开当前页面
document.addEventListener(visibilityChange, function() {
   if(document[hidden]){
       clearTimeout(timer);
       timer=null;
   }else{
       starttimer();
   }
}, false);