每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/