Cronometro en JavaScript.

Script basico para hacer un cronometro funcional en Javascript, el script es muy simple solo es cuestion de copiar y pegar, esperamos te sea de mucha ayuda, si tienes alguna duda puedes dejarla en los comentarios y con gusto te la resolveremos.

Este es el script que puedes seleccionar, copiar y pegar directamente.
Esta parte hay que pegarla entre las etiquetas head:

<script language=”javascript”>
//CRONOMETRO
var CronoID = null
var CronoEjecutandose = false
var decimas, segundos, minutos

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 > 9 ) {
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>

Esta parte hay que pegarla entre las etiquetas body, donde quieras que aparezca el script:

<form name=”crono”>
<div align=”center”><center>
<p><input type=”text” size=”8″ name=”display” value=”00:00:0″><input type=”button” name=”Iniciar” value=” Iniciar ” onClick=”IniciarCrono()”></p>
<p><input type=”text” size=”8″ name=”parcial” value=”00:00:0 “> <input type=”button” name=”Parcial” value=”Parcial” onClick=”ObtenerParcial()”></p>
<p><input type=”button” name=”Parar” value=” Parar ” onClick=”DetenerCrono()”> <input type=”button” name=”Cero” value=”  Cero  ” onClick=”DetenerCrono(); InicializarCrono()”></p>
</center></div>
</form>

Si tienes alguna duda dejanos el comentario.

Articulos relacionados:

  1. 70+ JavaScript Resources for Every Web Developer. JavaScript is a client-side scripting language which is commonly used...
  2. Manual de javascript en pdf JavaScript es un lenguaje interpretado, es decir, que no requiere...
  3. Javascript para aplicaciones cliente. Los clientes Web que soportan JavaScript, tales como el Netscape...
  4. Javascript. Manual de referencia. Manual muy básico de javascript. En él vas a encontrar...
  5. Tutorial Action Script Flash Hoy te traemos un excelente tutorial sobre action script para...

Tags: , , , ,

3 Comentarios para “Cronometro en JavaScript.”

  1. Cars Dice:

    HOLA HOLA !!
    Tengo un pequeño problema .. el cronometro lo quiero aplicar en un sitio desarrollado en .NET con programacion en C# … pero no funciona … yo creo que es por algun tipo de seguridad que maneja el miso entorno .. porque ya lo cale haciendo una paginita en html plano y si funciona pero al ponerlo en el codigo de mi apliacion no funciona … no se si me puedan ayudar a reconocer las opciones que necesito modificar para que el cronometro funcione …

  2. Fernando Dice:

    Otra posible solución:

    Ejercicio Cronometro

    body{
    background: url(imagenes/relojes.jpg) repeat-x;
    }
    #cronometro{
    width:60px;
    margin-left:455px;
    margin-top: 250px;
    }
    #botones{
    width: 200px;
    margin-left: 375px;
    margin-top: 10px;
    }

    var segs = 0;
    var hora = 0, minuto = 0, segundo, cronometro;
    var identificador;

    function Start()
    {
    segundo = segs;

    if(segundo == 60){
    segs = 0;
    minuto = minuto + 1;
    }
    if(minuto == 60 && segundo == 60){
    minuto = 0;
    hora = hora + 1;
    }
    if(hora == 24 && minuto == 60 && segundo == 60){
    Parar();
    }

    var horita = String(hora);
    var minutito = String(minuto);
    var segunditos = String(segundo);

    if(horita.length == 1){
    horita = “0″ + horita;
    }
    if(minutito.length == 1){
    minutito = “0″ + minutito;
    }
    if(segunditos.length == 1){
    segunditos = “0″ + segunditos;
    }

    segs = segs + 1;

    if( segunditos % 2){
    cronometro = horita + “:” + minutito + “:” + segunditos;
    }
    else{
    cronometro = horita + ” ” + minutito + ” ” + segunditos;
    }

    document.f.crono.value = cronometro;
    }

    function Empezar()
    {
    segs = 0;
    segundo = 0;
    identificador = setInterval(‘Start()’, 1000);
    }

    function Parar()
    {
    clearInterval(identificador);
    }

    function PuestaACero()
    {
    document.f.crono.value = “00:00:00″;
    }

  3. Nelson Dice:

    Podrias indicarme como hacer que el cronometro inicie y pare con la una misma tecla?

    Muchas gracias

Deja tu Comentario.