1

私のページで 5 分間アクティビティがない場合、そのページは事前定義されたページにリダイレクトされます。

JavaScriptまたはjQueryを使用してこれを行う方法を誰かに提案してもらえますか?

4

4 に答える 4

8

実際の非アクティブコントロールが必要な場合は、このライブラリを使用してください（マウスとキーボードのアクティビティも制御します）

jQueryのidletimer

http://paulirish.com/2009/jquery-idletimer-plugin/

使用例を次に示します。

// idleTimer() takes an optional argument that defines the idle timeout
// timeout is in milliseconds; defaults to 30000
$.idleTimer(10000);


$(document).bind("idle.idleTimer", function(){
 // function you want to fire when the user goes idle
});


$(document).bind("active.idleTimer", function(){
 // function you want to fire when the user becomes active again
});

// pass the string 'destroy' to stop the timer
$.idleTimer('destroy');
于 2012-09-06T12:22:01.137 に答える
6

もしかしてこれに似たもの？

<body onmousemove="canceltimer()" onclick="canceltimer()">

<script type="text/javascript">

var tim = 0;
function reload() {
tim = setTimeout("location.reload(true);",300000);   // 5 minutes
}

function canceltimer() {
window.clearTimeout(tim);  // cancel the timer on each mousemove/click
reload();  // and restart it
}

</script>
于 2012-09-06T12:11:57.080 に答える
0

こんにちは、Webサイトでアイドル状態のユーザーを検出することに関するこのブログ記事を確認してください。これはjQueryIdletimerプラグインです。そして、ここでデモページを見つけることができます。

簡単な使用法：

// idleTimer() takes an optional argument that defines the idle timeout
// timeout is in milliseconds; defaults to 30000
$.idleTimer(10000);

そして、jQueryIdletimerプラグインのソースをgithubから取得します

于 2012-09-06T12:25:24.097 に答える