檢測空閒時間有關iframe

Question

我有一個頁面，其中i需要被啓動視頻如果應用程序是閒置超過2分鐘

我使用jquery.idle.min.js和下面的函數來檢測空閒時間

$(document).idle({ 
    onIdle: function() {`enter code here` 
     restartme();  


     }); 
    }, 
    idle: 120000 
    //idle: 120000 
}); 

現在我的網頁上有一個按鈕，在頁面上加載一個iframe。 即使用戶在iframe上執行了任何活動，該頁面在兩分鐘後仍會重新加載

即即使沒有考慮在iframe上完成的活動並認爲它處於空閒模式。

是否有觸發restartme（）函數，只有當計算機實際上是空閒（不活動發生在iframe中也有）

還是空閒功能，檢測發生在iframe中也讓活動的方式它不會進入空閒模式

Answer 1

您可以使用JavaScript 鼠標懸停，鼠標離開和鼠標懸停事件在文檔與的setInterval相結合，檢測鼠標的行爲。

進入的iframe： 文檔加載事件或鼠標離開/鼠標移出事件：

var twoMinutes = 120000; 
var timerInterval = window.setInterval('code to run when idle', twoMinutes); 

文件鼠標懸停事件：

window.clearInterval(timer); 

所以，當你移動你的鼠標移動到Iframe文件，您將取消定時器和noth ing將會被執行，當你從Iframe文件中離開鼠標時，計時器將再次開始計數2分鐘。

而關於檢查計算機的行爲，你不能這樣做只使用JavaScript，因爲JavaScript運行瀏覽器並與DOM對象交互。 您還可以在此查看鼠標示例：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmousemove_over_enter