automatisch alle 30 Sekunden nach Hause zurückkehren

Question

Wie kann ich die Seite alle 30 Sekunden automatisch nach Hause bringen?

Ich entwerfe eine Website, die in der Lobby eines Krankenhauses angezeigt wird, diese Website auf einem Touchscreen für allgemeine Informationen. Wir müssen automatisch zur Startseite zurückkehren, nachdem eine Person sie nicht mehr benutzt.

Answer 1

Schauen Sie sich diese nette jQuery idletimer Plugin von Paul Irish und die demo here

Grundsätzlich wird es eine Rückruffunktion nach bestimmten Leerlaufzeit auslösen und in dessen Inneren können Sie es zurück zur Homepage weiterleiten.

Verbrauch:

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

Bitte beachten Sie das Ereignis behandelt: 'mousemove- keydown DOMMouseScroll Mausrad mousedown- Berührungsstartberührungsbewegungs' From source code

Answer 2

Sie können dies auch tun, nur mit dem HTML-Markup die refresh meta tag verwenden und vermeiden unter Verwendung von Javascript alle zusammen:

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

Dies als bedeutet, dass jede Aktion, die der Benutzer ausführt, von der aktuellen Seite zu einer neuen Seite führt. Wenn dies der Fall ist, wird der Browser, wenn er dies dem Kopf jeder Seite hinzufügt, immer dann zum Index zurückkehren, wenn der Benutzer nicht in weniger als 30 Sekunden zu einer anderen Seite navigiert.

Answer 3

ich verwendet habe sowohl eine Meta-Refresh

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

und eine verzögerte window.location

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

dies zu tun.

Answer 4

Ich fand dieses Codebeispiel am nützlichsten.

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

Wenn es ein Touchscreen, klickt gerade genug, um Leerlaufzeit zu brechen, so

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/