Protector de Pantalla Web

energysoftmedia · #1 (**permalink**) 11/09/2015, 21:58

Saludos Compañeros!!!!...

Les comento que estoy apenas iniciando en este mundo de la programación, quisiera la ayuda de quien me quiera colaborar, estoy creando un blog y quiero hacer una especie de protector de pantalla en el mismo navegador, estaba pensando en algo como una mezcla entre MouseMove y que cuando el Mouse estuviese quieto iniciara un SetTimeOut y si el temporizador llegara a 0 entonces iniciara un video por ejemplo...

... pido disculpas si no soy lo suficientemente claro o si confundo terminos, he buscado como loco en google, agradezco de antemano la ayuda.

IsaBelM · #2 (**permalink**) 12/09/2015, 06:25

esto te dará la idea fe partida

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#expirado {
    display: none;
    width: 200px;
    height: 200px;
}
</style>
<script type="text/javascript">
var tstampActual = 0;
var comprobar = 10000;
 
function actividad() {
 
var tstamp = new Date().getTime();
 
    if (Math.abs(tstampActual - tstamp) > comprobar) {
 
        document.getElementById('expirado').style.display = 'inline';
    
    } else {
 
        document.getElementById('expirado').style.display = 'none';
    
    }
}
 
    
window.addEventListener('load', function() {
 
    document.body.addEventListener('mousemove', function() {
 
        tstampActual = new Date().getTime();
 
    }, false);
 
    setInterval(actividad, comprobar);
});
 
 
</script>
</head>
<body>
 
<div id="expirado">El tiempo ha expirado</div>
 
</body>
</html>

energysoftmedia · #3 (**permalink**) 12/09/2015, 08:27

voy a probarlo y te comento!!!!!!!!!........ mil gracias bro!!!!!!!!....

energysoftmedia · #4 (**permalink**) 12/09/2015, 09:35

Hola IsabeIM!

Probé el código y va muy bien, lo probé con una imagen y va bien, solo que no entiendo muy bien el código entonces no me atrevo a hacerle cambios, es decir, quiero entender como lograr que cada que mueva el mouse se quite este protector de pantalla

IsaBelM · #5 (**permalink**) 15/09/2015, 06:10

básicamente de lo que se trata es de almacenar en una variable el timestamp en la última actividad ocurrida y luego compararla cada cierto tiempo con el timestamp actual

krloxmartinez · #6 (**permalink**) 19/09/2015, 18:13

que alegria saber que en este foro, existen personas como isabel