Actualmente llevo hasta la parte de cerrar automáticamente, quiero que al usuario confirmar que no se ha retirado del PC o dispositivo este prolongue el tiempo unos segundos nada mas hasta que haya actividad nuevamente. El problema es que al usuario confirmar (pulsando el botón OK de la alerta) este detecta un movimiento en la app y coloca el tiempo de actividad que es 10 segundos, y yo quisiera que coloque solo 5 segundos (como tiempo para que el usuario se active nuevamente en funciones del sistema).
function confirmarCierre() {
//le doy un tiempo a la funcion cerrar sesion para que el usuario tenga un tiempo para confirmar, sino lo hizo en el tiempo se cerrara la sesion automaticamente
var cerrar = setTimeout(cerrarSesion,5000);//5 segs de prueba
alertify.confirm(
'Cierre de Sesión',
'Su Sesión Expirara, presione OK para prolongar la Sesión 60 segundos',
function(){
//si presiona OK
clearTimeout(cerrar); //elimino el tiempo a la funcion cerrarSesion
clearTimeout(temp); //elimino el tiempo a la funcion confirmarCierre
temp = setTimeout(confirmarCierre, 5000); //y aca le doy un nuevo tiempo a la funcion confirmarCierre (5 segs)
alertify.success('Su sesión ha sido prolongada 60 segundos');
},
function(){
cerrarSesion(); //si presiono Cancel, pues ejecuta la funcion cerrarSesion y posteriormente la cierra.
}
);
}
function cerrarSesion() {
//window.location = "/logout";
alertify.error('SESION CERRADA'); //coloco una notificacion para observar el momento en el q se ejecuta
//NOTA: esto no va solo es de demostracion
}
// se llamará a la función que confirmar Cierre después de 10 segundos
var temp = setTimeout(confirmarCierre, 10000);
// cuando se detecte actividad en cualquier parte de la app
$( document ).on('click keyup keypress keydown blur change', function(e) {
// borrar el temporizador de la funcion confirmarCierre
clearTimeout(temp);
// y volver a iniciarlo con 10segs
temp = setTimeout(confirmarCierre,10000);
console.log('actividad detectada');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.8.0/css/alertify.min.css"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/alertifyjs/1.8.0/css/themes/bootstrap.min.css"/>
<script src="//cdn.jsdelivr.net/alertifyjs/1.8.0/alertify.min.js"></script>
NOTA: los tiempos que coloco de prueba son solo de prueba, realmente quiero que desloguee a los 30mins y el tiempo que prolongue sea de 60segs. Pero esto es solo cuestión de cambiar los tiempos.
Este codigo lo obtuve gracias a este enlace. Del usuario @AlvaroMontoro
let shouldCloseSession = false;
. Cuando se ejecute la funciónconfirmarCierre
se cambia la bandera a true y en el bind del document se pone una condición para que reinicialice el timeout siempre y cuando la bandera sea false.