Dica Conometro

[Kasparov]

Estou apredendo java script, então resolvir fazer um conometro somente para aprender

Estou dando, de mão beijada, esse comando que me deu trabalho fazer, espero que aproveitem

<script>
var seg = 0;
var min = 0;
var hor = 0;
var ini = false;

function inciar(){
state('parador','iniciador');

if (ini==false){
con=true;
setInterval('tempo()',1000);
ini = true;
}else{
con = true;
}
}

function state(id,oid){
var para= document.getElementById(id);
var inicia= document.getElementById(oid);

if (para.disabled == false){
para.disabled= true;
inicia.disabled= false;
con=false;
}else{
para.disabled= false;
inicia.disabled= true;
}
}

function tempo(){
if (con==true){
seg = seg + 1;
if (seg==60){
seg = 0;
min = min + 1;
}
if (hor==60){
min = 0;
hor = hor + 1;
}
document.getElementById("resultado").innerHTML=hor +':'+min+':'+seg;
}
}
</script>

<div id="resultado">0:0:0</div>
<br>
<input id="iniciador" type="button" value="Iniciar" onclick="inciar();"/>
<br>
<br>
<input id="parador" name="parador" type="button" value="Parar" visible="false" onclick="state('parador','iniciador');" disabled="disabled"/>

Exemplicando alguns pontos...

<div id="resultado">0:0:0</div>

É importante separar essa div para mostrar apenas o resultado, na qual o comando abaixo tem como função mostrar:

document.getElementById("resultado").innerHTML=hor +':'+min+':'+seg;

state('parador','iniciador');

Esse comando tem como função iniciar a procedure state já com esses dois parametros (note que o nome dele é o mesmo do ID dos dois botões.




O Mateus e Alikarbam me ajudaram à fazer esse comando

[Tekken]

boa amigo. bem legal mesmo !!
valeuu ae

[C1B0RG]

muito bom mesmo

[Apokolips]

Achei bem legal o seu cronometro.
Muito bom

[geolado]

Achei bem legal o seu cronometro.
Muito bom

ainda bem q não é um cornometro