Agréganos a tus favoritos

Add to Google

Add to My Yahoo!

Código de cronometro digital

Búsqueda personalizada

Con este código puedes agregar un cronometro digital en tu sitio, blog o espacio Web.

Ejemplo:

Cronómetro digital

Código:

Este script debe ir entre las tags <head> y </head> de tú página:

<script language="javascript" type="text/javascript">
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>

Código:

Es necesario añadir el siguiente código a la página HTML, entre <body> y </body>:

<p>Cronómetro digital</p>
<!-- Para visualizar el cronómetro -->
<div class="recuadro3">
<form name="crono">
<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>
</form>
</div>

© Copyright 2008 ESH OnLine