Buenas tardes estoy realizando una cuenta regresiva de 60 segundos con centésimas de segundo. Mi problema es:
- Que con el primer segundo que debe aparecer no cuadra con las centésimas de segundo a:
60:00
<-- 60 segundos con 00 centésimas de segundo (00 es el redondeo de la milésima
de segundo)
- y que se detenga en
00:00
, pintándose de colorrojo
.
window.onload = function() {
cs_visor=document.getElementById("reloj_cs"); //localizar pantalla del reloj
sg_visor=document.getElementById("reloj_sg"); //localizar pantalla del reloj
empezar ();
}
//variables de inicio:
var marcha;
var cro=0;
function empezar()
{
emp=new Date() //fecha actual
emp.setMinutes(emp.getMinutes() + 1); // agrego 1 min a la fecha actual
elcrono=setInterval(tiempo,10); //función ejecutada cada decima de segundo
marcha=1 //indicamos que se ha puesto en marcha.
}
//función del temporizador
function tiempo()
{
actual=new Date() //fecha en el instante
cro=emp- actual //resto fecha+60seg - fecha actual
cr=new Date() //fecha donde guardamos el tiempo transcurrido
cr.setTime(cro)
cs=cr.getMilliseconds() //milisegundos del cronómetro
cs=cs/10; //paso a centésimas de segundo.
cs=Math.round(cs)
sg=cr.getSeconds(); //segundos del cronómetro
if (cs<10) {cs="0"+cs;} //poner siempre 2 cifras en los números
if (sg<10) {sg="0"+sg;}
cs_visor.innerHTML= cs; //pasar a pantalla.
sg_visor.innerHTML= sg; //pasar a pantalla.
}
.oval {
width: 300px;
height: 185px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/*background: #fff;*/
border: 10px solid #000000;
/* opacity: 0.5;*/
display: flex;
/*justify-content: center;*/
align-items: center;
}
.crono {
color:#000000;
font-family: 'Agency FB', arial;
font-size: 600%;
text-shadow: 4px 4px 4px #aaa;
padding-left: 49px;
}
<center>
<section class="oval">
<div id="cronometro">
<div class="crono">
<span id="reloj_sg">00</span>:
<span id="reloj_cs">00</span>
</div>
</div>
</section>
</center>
Date.now()+60000
y en tu función tiempo calculas la diferencia en ms coninicio-Date.now()
. Pasar de milisegundos a segundos.centesimas ya más o menos lo tienes.