Ejemplo cronómetro

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
 <head>
 <title>TODO supply a title</title>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <script>
 var contador=0;
 var crono;
 function empezar(){
 clearInterval(crono);
 crono=setInterval(cronometro,10);
 document.getElementById("pausar").style.display="";
 document.getElementById("empezar").style.display="none";
 }
 function parar(){
 clearInterval(crono);
 document.getElementById("pausar").style.display="none";
 document.getElementById("empezar").style.display="";
 document.getElementById("empezar").value="Reanudar";
 }
 function cronometro(){
 contador++;
 document.getElementById("cronometro").innerHTML=contador/100;
 }
 
 </script>
 </head>
 <body>
 <h1 id="cronometro">Pulsa para empezar</h1>
 <input type="button" id="empezar" value="Empezar" onclick="empezar()">
 <input type="button" id="pausar" value="Pausar" style="display:none" onclick="parar()">
 
 </body>
</html>



Publicado por

Avatar del usuario

Juan Pablo Fuentes

Formador de programación y bases de datos