APORTE: Un cronómetro

[bebo]

Hola a todos, hice un cronometro en javascript. Sólo hay que editar las variables del final y listo.

Código html:

<span id="numeros">reloj</span>
<span id="temp" style="display:none">temporal</span><br>
 
 
<script language=javascript>
 
function cronometro(var1,var2,var3){reloj(var1,var2,var3)}
var id=document.getElementById('numeros');
 
 
function reloj(d,a,m,r){if(id.innerHTML=='pausa'){}else{
if(d>a){c="resta"}else{c="suma"}
id.innerHTML=d
if(d==a){}else{
if(c=="suma"){
setTimeout("reloj("+new String(d+1)+","+a+","+m+")" , m);
}else if(c=="resta"){
setTimeout("reloj("+new String(d-1)+","+a+","+m+")" , m);
}
}
}
}function pausa(){var id=document.getElementById('numeros');document.getElementById('temp').innerHTML=id.innerHTML;id.innerHTML='pausa';id.style.display='none';document.getElementById('temp').style.display=''
}function continuar(){document.getElementById('numeros').innerHTML='reloj';reloj(new Number(document.getElementById('temp').innerHTML),p2,p3);document.getElementById('numeros').style.display='';document.getElementById('temp').style.display='none'
}
</script>
 
<a onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'" href="#" id="pausa" style="color:blue" onclick="pausa();document.getElementById('continuar').style.display='';this.style.display='none';return false">pausa</a>
<a onmouseover="this.style.color='red'" onmouseout="this.style.color='blue'" href="#" id="continuar" style="display:none;color:blue" onclick="continuar();document.getElementById('pausa').style.display='';this.style.display='none';return false">continuar</a>
 
 
<script>
var p1=1;  //Número en el que se inicia a contar
var p2=100;  //Número en el que se termina de contar
var p3=1000;  //Tiempo en milésimas de separación entre los números
cronometro(p1,p2,p3);
</script>
 

Nota: este codigo funciona en IE y Mozilla.