h5切出页面后计时器罢工问题

最新推荐文章于 2024-01-12 15:39:05 发布

weixin_43888733

最新推荐文章于 2024-01-12 15:39:05 发布

阅读量824

点赞数

分类专栏：日常bug 文章标签： h5

本文链接：https://blog.csdn.net/weixin_43888733/article/details/88800902

版权

日常bug 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

如何监听H5页面切出、息屏等状态

问题：服务端返回总时间，息屏后定时器罢工

解决方案：给`document`绑定事件，页面显示时请求接口实时更新数据


document.addEventListener("visibilitychange",function(){
 
	if(document.visibilityState=="visible"){
		alert("我回来了");
		// 重新请求接口获取数据
	}
	if(document.visibilityState=="hidden"){
		console.log("我出去了")
		//do something else
		//计时器罢工
		}
	})