Ver Mensaje Individual
  #9 (permalink)  
Antiguo 27/07/2011, 11:53
elhui2
 
Fecha de Ingreso: julio-2011
Mensajes: 22
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Activar Cronometro con teclas

Cita:
Iniciado por davincci Ver Mensaje
Hola, navegando por la web, he encontrado un codigo, inspirandome en la ayuda que me han dado, mi pregunta es, ¿como puedo activar las opciones INICIAR, PARCIAL, PARAR, CERO, sin usar el mouse, es decir asignando una tecla a cada opcion y asi tener un mejor manejo. Ejemplo:

TECLA 1: INICIAR

TECLA 2: PARCIAL

TECLA 3: PARAR

TECLA 4: CERO

aqui esta el código fuente del cronometro:

Código PHP:
<!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>
<
script language="javascript" type="text/javascript">
var 
CronoID null
var CronoEjecutandose false
var decimassegundosminutos

function DetenerCrono (){
       if(
CronoEjecutandose)
           
clearTimeout(CronoID)
       
CronoEjecutandose false
}

function 
InicializarCrono () {
    
//inicializa contadores globales
    
decimas 0
    segundos 
0
    minutos 
0
    
    
//pone a cero los marcadores
    
document.crono.display.value '00:00:0'
    
document.crono.parcial.value '00:00:0'
}

function 
MostrarCrono () {
           
       
//incrementa el crono
       
decimas++
    if ( 
decimas ) {
        
decimas 0
        segundos
++
        if ( 
segundos 59 ) {
            
segundos 0
            minutos
++
            if ( 
minutos 99 ) {
                
alert('Fin de la cuenta')
                
DetenerCrono()
                return 
true
            
}
        }
    }

    
//configura la salida
    
var ValorCrono ""
    
ValorCrono = (minutos 10) ? "0" minutos minutos
    ValorCrono 
+= (segundos 10) ? ":0" segundos ":" segundos
    ValorCrono 
+= ":" decimas    
            
      document
.crono.display.value ValorCrono

      CronoID 
setTimeout("MostrarCrono()"100)
    
CronoEjecutandose true
    
return true
}

function 
IniciarCrono () {
     
DetenerCrono()
     
InicializarCrono()
    
MostrarCrono()
}

function 
ObtenerParcial() {
    
//obtiene cuenta parcial
    
document.crono.parcial.value document.crono.display.value
}




</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CRONOMETRO</title>
</head>

<body>
<p align="center">CRONOMETRO</p>
<div align="center">
  <!-- Para visualizar el cronómetro -->
</div>
<div class="recuadro3">
<form name="crono">
<p align="center"><input type="text" size="8" name="display" value="00:00:0"> <input type="button" name="Iniciar" value=" Iniciar " onClick="IniciarCrono()"></p>
<p align="center"><input type="text" size="8" name="parcial" value="00:00:0 "> <input type="button" name="Parcial" value="Parcial" onClick="ObtenerParcial()"></p>
<p align="center"><input type="button" name="Parar" value=" Parar " onClick="DetenerCrono()"> <input type="button" name="Cero" value="  Cero  " onClick="DetenerCrono(); InicializarCrono()"></p>
</form>
</div>



</body>
</html> 
pffff solo me registre para agradecer tu codigo, esta buenerrimo.

saludos y gracias.

elhui2.