如果頁面從最后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分鍾的延遲注銷用戶的函數。