如何提示用戶，如果頁面從最後5分鐘空閒

Question

如果在最後5分鐘的網頁上空閒，提示用戶的最佳方式是什麼？ 我的意思是如何知道在最後5分鐘的網頁上使用是空閒的。

Answer 1

只需使用計時器設置某些事件偵聽器即可觸發自定義函數/事件。我建議綁定儘可能多的獨特的用戶驅動事件。

我要去欺騙了一下，使用jQuery的一些演示代碼，這都可以在純JavaScript做，但是這是諸如此類的事情jQuery的存在：

$(window).bind('mousemove mouseclick keydown mousewheel ...more listeners...', idle); 
function idle(e) 
{ 
    if (window.idleTimeout) 
    { 
    clearTimeout(window.idleTimeout); 
    } 
    window.idleTimeout = setTimeout(userIdle, 300000); 
} 
function userIdle() 
{ 
    //either do stuff here or trigger the "idle" event 
    $(window).trigger('idle'); 
} 

Answer 2

使用setTimeout函數調用以5分鐘的時間註銷用戶的函數。