Paul Irish jQuery idleTimer plugin

ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」。

idleTimer pluginを使えば、ブラウザ内で、しばらく操作しなかったり、別のウィンドウに移動して、最初使っていたブラウザをしばらく操作しない場合に、”アイドル状態”としてイベントを発生させることが出来ます。
逆に、アイドル状態からの復帰もイベントで取得できます。

// タイマーをミリ秒単位で初期化(10000だと10秒)
$.idleTimer(10000);

$(document).bind("idle.idleTimer", function(){
    // アイドルになった時の処理をここに書く
});

$(document).bind("active.idleTimer", function(){
    // アイドルから復帰した時の処理をここに書く
});

// タイマーを無効化
$.idleTimer('destroy');

デモページはこちら

アイドル時間が一定時間経ったら自動でログアウトさせたり、復帰した際になんらかの通知を表示させたりということが可能になってきますね。

関連エントリ

• これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」
• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• jQueryを使ったFlashばりにクールなギャラリー「GalleryView」
• ソフトウェアキーボード実装ならこれかもという「jQuery Keypad」