如果頁面內有YouTube視頻，則忽略頁面刷新

Question

當用戶在我的網站上處於非活動狀態時，使用此腳本自動刷新頁面。

<script> 
var time = new Date().getTime(); 
$(document.body).bind("mousemove keypress", function(e) { 
    time = new Date().getTime(); 
}); 

function refresh() { 
    if(new Date().getTime() - time >= 60000) 
     window.location.reload(true); 
    else 
     setTimeout(refresh, 10000); 
} 

setTimeout(refresh, 10000); 
</script> 

我需要排除自動刷新，如果在我的網頁中有youtube視頻。 YouTube視頻總是在＃播放器CSS ID內。

Answer 1

通過在if語句中添加&& !$('#player').length，您可以檢查#player是否是一件事情，因此視頻就在那裏。所以它只會刷新，如果它不在那裏。

<script> 
var time = new Date().getTime(); 
$(document.body).bind("mousemove keypress", function(e) { 
    time = new Date().getTime(); 
}); 

function refresh() { 
    if(new Date().getTime() - time >= 60000 && !$('#player').length) 
     window.location.reload(true); 
    else 
     setTimeout(refresh, 10000); 
} 

setTimeout(refresh, 10000); 
</script> 

Answer 2

您可以設置一個條件在javascript：

if (document.getElementById('player')) { 

    [... CODE HERE ...] 

}