最近遇到一個需求,需要判斷用戶是否在當前頁面,只有用戶在當前頁面纔可以播放視頻,如果切換到其他窗口就要將視頻暫停掉,避免學生刷課程,以下是具體的代碼:
<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>
以上是具體的示例代碼,可以參考修改符合自己的業務需求。