Funciones temporizador

 <div id="reloj"></div>
        <div id="crono"></div>
        <input type="button" id="botonparar" value="Parar"><br/>
        <input type="button" id="botoniniciar" value="Iniciar"><br/>
        <input type="button" id="botonreiniciar" value="Reiniciar"><br/>
        Nombre: <input type="text" id="nombre"><br/>
        password: <input type="text" id="password"><br/>
        <input type="button" id="botonlogin" value="Login">
        <script>
            document.getElementById("botonparar").addEventListener("click", parar);
            document.getElementById("botoniniciar").addEventListener("click", iniciar);
            document.getElementById("botonreiniciar").addEventListener("click", reiniciar);

            setTimeout(reloj, 500);
            var c = 0;
            var timer;
            cronometro();
            function cronometro() {
                document.getElementById("crono").innerHTML = c;
                c++;
                timer = setTimeout(cronometro, 10);
            }
            function parar() {
                clearTimeout(timer);
            }
            function iniciar(){
                cronometro();
            }
            function reiniciar(){
                c=0;
                cronometro();
            }
            function reloj() {
                var d = new Date();
                document.getElementById("reloj").innerHTML = d.toLocaleTimeString();
                setTimeout(reloj, 500);
            }

Publicado por

Avatar del usuario

Juan Pablo Fuentes

Formador de programación y bases de datos