问题: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);