[SOLUCIONADO] Limitar tiempo de un usuario inactivo con javascript

AlexanderVP · #1 (**permalink**) 23/02/2013, 16:44

Hola amigos.
Alguien sabe como limitar el tiempo de estadía de un usuario que esta inactivo en una web, es decir, que si una persona deja de hacer acciones en la pagina durante un tiempo determinado, me redirecciona a otra pagina o me saque un mensaje por tiempo de inactividad, pero solo cuando este inactivo, si el usuario se la pasa haciendo cosas en la pagina entonces se podría quedar todo lo que quiera allí, alguien sabe como hacer eso o tiene ideas de como lograrlo?
Muchas gracias.

emprear · #2 (**permalink**) 23/02/2013, 17:06

Cita:

Iniciado por AlexanderVP

Hola amigos.
Alguien sabe como limitar el tiempo de estadía de un usuario que esta inactivo en una web, es decir, que si una persona deja de hacer acciones en la pagina durante un tiempo determinado, me redirecciona a otra pagina o me saque un mensaje por tiempo de inactividad, pero solo cuando este inactivo, si el usuario se la pasa haciendo cosas en la pagina entonces se podría quedar todo lo que quiera allí, alguien sabe como hacer eso o tiene ideas de como lograrlo?
Muchas gracias.

Eso implicaría 2 cosas, que cada acción de tu página, desde un simple link en un menu, hasta el envío de un form sea controlado por javascript y deje algún rastro, por ejemplo una cookie que expire en una hora (me refiero no a una nueva cookie sino que le modifique el valor a la misma), y al mismo tiempo correr en background y en forma indefinida otra script con un timer, que cada 1 hora verifique si la cookie está expirada, y de ser asi, que redireccione.

Supongo que habrá variantes.
De todas maneras, me parece algo rebuscado, habría que ver que objetivo cumple todo este esquema

SAludos

Reedyseth · #3 (**permalink**) 24/02/2013, 01:34

crea una funcion que te detecte actividad del mouse y del teclado. Esta la usas en conjunto de una funcion de javascript que se llama setTimeout()

la funcion que detecte moviento que le haga un clear al setTimeout() y lo vuelva a iniciar.

AlexanderVP · #4 (**permalink**) 24/02/2013, 09:30

Gracias Reedyseth, es exactamente lo que ya habia hecho, agregándole que cuando pasa el tiempo determinado y se ejecuta el timeout le hago un ajax para que destruya la session en php y la respuesta del ajax me saque un mensaje y luego redireccione al login

Reedyseth · #5 (**permalink**) 26/02/2013, 16:14

Y te funciono ? tambien habia olvidado mencioar que puedes usar setInterval() para crear un intervalo de tiempo que tambien funcionaria, puedes mostrar en codigo que has hecho ?

Saludos.

AlexanderVP · #6 (**permalink**) 26/02/2013, 16:59

Hola, si me funciono, este es el código que utilice:

Código HTML:

<script type="text/javascript">
var time;
function inicio() { 
  time = setTimeout(function() { 
    $(document).ready(function(e) {
    $.ajax({
		url:'server/include/verisession.php',
		type:'POST',
		data:'veri=1',
		success: function(data){			
			if(data == 1)
			{
				alert("Sesion Caducada");
			        document.location.href='index.html';			   
			}			
		}	
		
	});
});
	},1800000);//fin timeout
}//fin inicio

function reset() {
  clearTimeout(time);//limpia el timeout para resetear el tiempo desde cero 
  time = setTimeout(function() { 
    $(document).ready(function(e) {
    $.ajax({
		url:'server/include/verisession.php',
		type:'POST',
		data:'veri=1',
		success: function(data){			
			if(data == 1)
			{
			   alert("Sesion Caducada");
			   document.location.href='index.html';			   
			   
			}			
		}	
		
	});
});
	},1800000);//fin timeout
}//fin reset
</script>

el código anterior va en el head teniendo encuenta que como se ve en el código estoy utilizando el ajax de jquery, por eso hay que incluir el archivo de jquery antes de esas funciones y en el body ya se llaman las dos funciones:

Código HTML:

<body  onload="inicio()" onkeypress="reset()" onclick="reset()" onMouseMove="reset()">

Espero le sirva a alguien.