每30秒自動回到家

Question

如何讓網站每30秒自動回到家中？

我正在設計一個網站，將顯示在醫院的大堂，該網站在觸摸屏上操作，以獲取一般信息。一個人停止使用後，我們需要自動返回到本地。

Answer 1

退房保羅愛爾蘭這個漂亮的jQuery插件idletimer和demo here

基本上會觸發指定後的空閒時間和內您可以轉發回主頁的回調函數。

用法：

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

請注意所涉及的事件： '鼠標移動的keydown DOMMouseScroll滾輪鼠標按下touchstart touchmove' From source code

Answer 2

您也可以使用refresh meta tag做到這一點只用HTML標記，避免全部使用javascript：

<meta HTTP-EQUIV="REFRESH" content="30; url=http://www.yourdomain.com/"> 

This as認爲用戶採取的每一個行動都將從當前頁面導航到新頁面。如果是這種情況，那麼通過將其添加到每個頁面的頭部，只要用戶在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/