Como hacer un cronometro hacia adelante.?

matirojas · #1 (**permalink**) 16/03/2011, 21:20

hola amigos de foros del web. queria saber como hacer un cronometro hacia adelante, que muestre solo minutos y segundos y que sea desde una hora determinada, hasta otra hora determinada. (ejemplo de 12:00 a 12:45) .

espero su respuesta amigoss.

saludos

maycolalvarez · #2 (**permalink**) 17/03/2011, 11:17

exactamente que uno normal, pero invirtiendo el decremento por incremento ¿no te parece obvio?: hasta con una simple resta de timestamp's se hace!

JMS · #3 (**permalink**) 17/03/2011, 11:54

Esto hay que ponerlo en el <Head>

Código:

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

Y esto donde quieras que se muestre:

Código:

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

Ya solo editalo tu, con la información que necesitas, ahi viene para ponerle la hora y minutos, segundos deseados....

matirojas · #4 (**permalink**) 18/03/2011, 11:07

Graciass amigoo, nececitaba saber como se hacia.

saludos

JMS · #5 (**permalink**) 21/03/2011, 09:28

ya estas :)