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
Exemplicando alguns pontos...
É importante separar essa div para mostrar apenas o resultado, na qual o comando abaixo tem como função mostrar:
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
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"/>
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>
document.getElementById("resultado").innerHTML=hor +':'+min+':'+seg;
state('parador','iniciador');
O Mateus e Alikarbam me ajudaram à fazer esse comando
Comment