[ Foro de Javascript ]

como integrar en el contador - temporizador

04-Mar-2021 16:12
xra xra xra
1 Respuestas



quiero que al llegar a un segundo determinado muestre una palabra...

Cómo podemos integrar esto en el código inicial del contador ?
temporizador.crearRecordatorio("Hola", 60);

FUENTE : GIO  de  la web del programador
<div id="countdown">0</div>
<button id="reiniciar">Reiniciar temporisador</button>

<script>
//SE DECLARA EL OBJETO
class Temporizador {
constructor() {
if(localStorage.getItem("tiempo") == null){
this.reiniciar();
}
this.extra=1000-1000*((((new Date()-0)-parseInt(localStorage.getItem("tiempo")))/1000)-this.getTime());
}

reiniciar(){
localStorage.setItem("tiempo", (new Date()-0));
}

getTime() {
return parseInt(((new Date()-0)-parseInt(localStorage.getItem("tiempo")))/1000);
}

init() {
document.getElementById('countdown').innerHTML = this.getTime();

setTimeout(() => {
setInterval(() => {
document.getElementById('countdown').innerHTML = this.getTime();
},1000);
}, this.extra);

}
}

//SE CREA EL OBJETO DENTRO DE UNA VARIABLE PARA SER USADO
var temporizador = new Temporizador();

//SE INICIALIZA EL TEMPORIZADOR
temporizador.init();

//FUNCION QUE RESTABLECE EL CRONOMETRO
function restablecer(){
temporizador.reiniciar();
}

//SE DETECTA UN CLICK EN EL BOTON QUE REINICIA EL CRONOMETRO
document.getElementById("reiniciar").onclick=restablecer;

</script>


12-Mar-2021 16:14
Nacho Cabanes (+83)

Para crear un temporizador en Javascript deberías usar "setTimeout":

https://www.w3schools.com/js/js_timing.asp
 






(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)