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. Javascript. Manual de referencia. Manual muy básico de javascript. En él vas a encontrar...
3. Tutorial Action Script Flash Hoy te traemos un excelente tutorial sobre action script para...

Tags: codigos, cursos, java, Manuales, script

This entry was posted on Jueves, octubre 30th, 2008 at 9:39 am and is filed under Manuales. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.