最近遇到一个需求,需要判断用户是否在当前页面,只有用户在当前页面才可以播放视频,如果切换到其他窗口就要将视频暂停掉,避免学生刷课程,以下是具体的代码:
<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>
以上是具体的示例代码,可以参考修改符合自己的业务需求。
标签:function,index,用户,timer,js,---,autoPlay,页面 From: https://www.cnblogs.com/e0yu/p/17831025.html