30秒ごとに自動的に家に戻る

Question

30秒ごとに自動的にサイトを自宅に戻す方法を教えてください。

私は、病院のロビーに表示されるサイトを設計しています。このサイトは一般的な情報として、タッチスクリーンで操作します。私たちは、人がそれを使用するのをやめた後、自動的にホームサイトに戻る必要があります。

Answer 1

は、基本的には、指定されたアイドル時間後にコールバック関数をトリガすると、その内側にあなたが戻ってホームページにそれを転送することができポール・アイリッシュとdemo here

からこの素敵なjQueryのidletimerプラグインをチェックしてください。

使用法：

// 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'); 

覆っイベントを注意してください： 'のMouseMove KeyDownイベントのDOMMouseScrollマウスホイールマウスダウンtouchstart touchmove' From source code

Answer 2

あなたはまたrefresh meta tagを使用してちょうどHTMLマークアップでこれを行うと、避けることができます一緒にjavascriptを使用する：

ユーザーが取るすべてのアクションは、現在のページから新しいページに移動します。その場合、各ページの先頭にこれを追加することで、ユーザーが30秒以内に別のページに移動しないときはいつでも、ブラウザはインデックスにリダイレクトされます。

Answer 3

私はこれを行うにはメタリフレッシュ

<meta http-equiv="REFRESH" content="30;url=http://www.the-domain.com">

と遅延window.locationの

window.setTimeout("location='http://www.the-domain.com'",30000);

の両方を使用しました。

Answer 4

このコード例が最も有用であることがわかりました。

http://www.bedroomlan.org/coding/detecting-%E2%80%98idle%E2%80%99-and-%E2%80%98away%E2%80%99-timeouts-javascript

setIdleTimeout(30000); // 30 seconds 
document.onIdle = function() {window.location = 'URL to navigate to'} 

Answer 5

それはタッチスクリーンだ場合は、ちょうどあなたが 'アイドル' の時間を定義することを計画するにはどうすればよいので

var idle, isIdle; 
function createIdle() { 
idle = window.setTimeout("alert('hey where are you?')",5000); 
} 

$("*").click(function(){ 
    clearTimeout(idle); 
    createIdle(); 
}); 
createIdle();​ 

http://jsfiddle.net/ocanal/CEEuA/1/