Saber cuanto tiempo tengo el click

xlos_mas_pro · #1 (**permalink**) 13/03/2015, 22:26

Hola muy buenas, necesito saber cuanto tiempo llevo haciendo el click es decir si no he soltado el clic al momento de soltarlo me diga los segundo que lo he presionado, ademas necesito que funcione para movil cuando hago tap

Alguna idea de como hacerlo lo he googleado peor no he encontrado nada relacionado con lo que pregunto

Muchas Gracias

SeaPirates · #2 (**permalink**) 14/03/2015, 05:42

Cita:

Iniciado por xlos_mas_pro

Hola muy buenas, necesito saber cuanto tiempo llevo haciendo el click es decir si no he soltado el clic al momento de soltarlo me diga los segundo que lo he presionado, ademas necesito que funcione para movil cuando hago tap

Alguna idea de como hacerlo lo he googleado peor no he encontrado nada relacionado con lo que pregunto

Muchas Gracias

Podrías detectar el evento click y con un setInterval a cada segundo, ir incrementando una variable de los segundos. Cuando el usuario deje de presionar, detectar el evento, cancelar el intervalo y mostrar los segundos.

Eclypse05 · #3 (**permalink**) 15/03/2015, 23:00

Me imagino que seria esto??

Código HTML:

Ver original<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<style type="text/css">
.contenedor{
  width:150px;
  height:150px;
  padding-top:1em;
  text-align:center;
  background-color:#2c2c2c;
  color:white;
  margin:1em;
  float:left;
  cursor:pointer;
}
 
</style>
<body>
  <div class="contenedor">
 
  </div>
  <script type="text/javascript">
    $(function(){
  $(".contenedor").on("mousedown", segundos);
   $(".contenedor").on("mouseup", cancelar);
 
  function segundos () {    
    tiempo = setInterval(tiempof, 1000);
  }
 
  function cancelar (){
    clearInterval(tiempo);
  }
var sec = 0;
  function tiempof (){
    $(".contenedor").html("<span>"+ ++sec +" segundos</span>");
    console.log(sec);   
  }
});
  </script>
</body>