var segundos = 0;
var minutos = 0;
function inicio() {
control = setInterval(cronometro, 1000);
document.getElementById("inicio").disabled = true;
document.getElementById("parar").disabled = false;
document.getElementById("continuar").disabled = true;
document.getElementById("reinicio").disabled = false;
}
function parar() {
clearInterval(control);
document.getElementById("parar").disabled = true;
document.getElementById("continuar").disabled = false;
}
function reinicio() {
clearInterval(control);
segundos = 0;
minutos = 0;
document.getElementById('Tiempo').innerHTML = ("0" + minutos + ":" + "0" + segundos);
document.getElementById("inicio").disabled = false;
document.getElementById("parar").disabled = true;
document.getElementById("continuar").disabled = true;
document.getElementById("reinicio").disabled = true;
}
function cronometro() {
segundos += 1;
if (segundos == 60) {
segundos = 0;
minutos += 1;
}
if (segundos < 10 && minutos < 10) {
document.getElementById('Tiempo').innerHTML = ("0" + minutos + ":" + "0" + segundos);
} else if (segundos >= 10 && minutos < 10) {
document.getElementById('Tiempo').innerHTML = ("0" + minutos + ":" + segundos);
} else if (segundos < 10 && minutos > 10) {
document.getElementById('Tiempo').innerHTML = (+minutos + ":" + "0" + segundos);
} else {
document.getElementById('Tiempo').innerHTML = (minutos + ":" + segundos);
}
}
<div id="contenedor">
<p id="Tiempo">00:00</p>
<input type="button" class="boton" id="inicio" value="Start ►" onclick="inicio();">
<input type="button" class="boton" id="parar" value="Stop ∎" onclick="parar();" disabled>
<input type="button" class="boton" id="continuar" value="Resume ↺" onclick="inicio();" disabled>
<input type="button" class="boton" id="reinicio" value="Reset ↻" onclick="reinicio();" disabled>
</div>