js---判斷用戶是否在瀏覽當前頁面

最近遇到一個需求,需要判斷用戶是否在當前頁面,只有用戶在當前頁面纔可以播放視頻,如果切換到其他窗口就要將視頻暫停掉,避免學生刷課程,以下是具體的代碼:

<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>

以上是具體的示例代碼,可以參考修改符合自己的業務需求。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章