JS(JavaScript)判断用户是否在浏览当前页面
- JavaScript
- 2024-07-21
- 278热度
- 0评论
最近遇到一个需求,需要判断用户是否在当前页面,只有用户在当前页面才可以播放视频,如果切换到其他窗口就要将视频暂停掉,以下是具体的代码:
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
var index = 0, timer = null;
autoPlay();
function autoPlay(){
timer = setInterval(function(){
index++;
$(".div").html(index);
},1000);
}
document.onvisibilitychange = function() {
if (document.hidden) {
console.log('用户已经离开了当前页面');
clearInterval(timer);
} else {
console.log('用户已经回到了当前页面');
autoPlay();
}
}
</script>