Skip to main content
se añadieron 1103 caracteres en el cuerpo
Origen Enlace
k3llydev
  • 345
  • 2
  • 12

Es sencillo, solo necesitas adecuar un poco tu código. Esto te servirá:

var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    // Eventos del DOM
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo; // aplica para una pantalla touch
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo;     // aplica para un clic del touchpad
    document.onscroll = reiniciarTiempo;    // navegando con flechas del teclado
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        alert("Estuvo inactivo durante mucho tiempo.")
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        // 1000 milisegundos = 1 segundo
    }
};

registrarInactividad(); //Esto activa el contador

Te dejo un pequeño fiddle para que lo pruebes.

https://jsfiddle.net/ath29fu7/

EDITADO

Para almacenar simplemente en una variable booleana sería algo así:


var activo = true;
var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo;
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo; 
    document.onscroll = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        activo = false;
        registrarInactividad();
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        activo = true;
    }
};

registrarInactividad(); //Esto activa el contador

Solo ocupas una variable global y que cada vez que se ejecute la función tiempoExcedido() se defina como falso la variable activo y se vuelva a llamar la funcion.

Es sencillo, solo necesitas adecuar un poco tu código. Esto te servirá:

var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    // Eventos del DOM
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo; // aplica para una pantalla touch
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo;     // aplica para un clic del touchpad
    document.onscroll = reiniciarTiempo;    // navegando con flechas del teclado
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        alert("Estuvo inactivo durante mucho tiempo.")
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        // 1000 milisegundos = 1 segundo
    }
};

registrarInactividad(); //Esto activa el contador

Te dejo un pequeño fiddle para que lo pruebes.

https://jsfiddle.net/ath29fu7/

Es sencillo, solo necesitas adecuar un poco tu código. Esto te servirá:

var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    // Eventos del DOM
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo; // aplica para una pantalla touch
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo;     // aplica para un clic del touchpad
    document.onscroll = reiniciarTiempo;    // navegando con flechas del teclado
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        alert("Estuvo inactivo durante mucho tiempo.")
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        // 1000 milisegundos = 1 segundo
    }
};

registrarInactividad(); //Esto activa el contador

Te dejo un pequeño fiddle para que lo pruebes.

https://jsfiddle.net/ath29fu7/

EDITADO

Para almacenar simplemente en una variable booleana sería algo así:


var activo = true;
var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo;
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo; 
    document.onscroll = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        activo = false;
        registrarInactividad();
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        activo = true;
    }
};

registrarInactividad(); //Esto activa el contador

Solo ocupas una variable global y que cada vez que se ejecute la función tiempoExcedido() se defina como falso la variable activo y se vuelva a llamar la funcion.

Origen Enlace
k3llydev
  • 345
  • 2
  • 12

Es sencillo, solo necesitas adecuar un poco tu código. Esto te servirá:

var registrarInactividad = function () {
    var t;
    window.onload = reiniciarTiempo;
    // Eventos del DOM
    document.onmousemove = reiniciarTiempo;
    document.onkeypress = reiniciarTiempo;
    document.onload = reiniciarTiempo;
    document.onmousemove = reiniciarTiempo;
    document.onmousedown = reiniciarTiempo; // aplica para una pantalla touch
    document.ontouchstart = reiniciarTiempo;
    document.onclick = reiniciarTiempo;     // aplica para un clic del touchpad
    document.onscroll = reiniciarTiempo;    // navegando con flechas del teclado
    document.onkeypress = reiniciarTiempo;

    function tiempoExcedido() {
        alert("Estuvo inactivo durante mucho tiempo.")
    }

    function reiniciarTiempo() {
        clearTimeout(t);
        t = setTimeout(tiempoExcedido, 3000)
        // 1000 milisegundos = 1 segundo
    }
};

registrarInactividad(); //Esto activa el contador

Te dejo un pequeño fiddle para que lo pruebes.

https://jsfiddle.net/ath29fu7/