Jquery 每30秒自动回到家

我如何能使网站每30秒自动返回主页

---

我正在设计一个网站，将显示在一家医院的大厅，这个网站在触摸屏上运行，以获取一般信息。我们需要在用户停止使用后自动返回主页。

查看Paul Irish和

基本上，它会在指定的空闲时间后触发回调函数，在空闲时间内，您可以将其转发回主页

用法：

// 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 mouseweel mousedown touchtstart touchmove”

您也可以使用html标记来完成此操作，同时避免使用javascript：

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

---

这假定用户执行的每个操作都将从当前页面导航到新页面。如果是这种情况，那么通过将其添加到每页的页眉，只要用户在30秒内没有导航到另一页，浏览器就会重定向回索引。

我使用了元刷新和

还有一个延迟的窗口位置

window.setTimeout（“location=”）http://www.the-domain.com'",30000);

我发现这个代码示例非常有用


如果它是一个触摸屏，只要点击一下就足以打破空闲时间，所以

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

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

您计划如何定义“空闲”时间？你是否在测量按键、页面加载、鼠标/光标移动……如果用户只需花30秒以上的时间阅读页面上的内容，该怎么办？太糟糕了，重新开始？30秒后（即使有人仍在使用该信息亭），它会将其转储回家。@Sparky672，这取决于信息亭应用程序的设计方式。如果它使用触摸屏，那么它可能只捕获点击，而这样的信息亭通常是由静态html文件构建的。在这种情况下，senario这种技术会很好地工作。你是对的，如果存在页面内交互，那么就需要一个javascript解决方案。我希望人们能够解释为什么他们对这个答案投反对票。它没有任何假设，但为我认为javascript不是最佳答案的某些场景提供了合法的解决方案。然而，我还是不明白你的解释。好的，不管用户的活动如何，这将在30秒后将其转储回主页。@Sparky672，它将在用户坐在同一页面上30秒后将其转储回主页。如果他点击一个链接，他会多得到30秒。-1：避免使用字符串eval（包括在
setTimeout
中）；改用匿名函数。
var idle, isIdle;
function createIdle() {
idle = window.setTimeout("alert('hey where are you?')",5000);
}

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