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: 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.