Aquí hay varios problemas:
- Bucle infinito al estar llamando a
init
dentro delsetInterval
. - Como dentro de
setInterval
estás llamando ainit
otra vez, por cada segundo estarás creando otrosetInterval
diferente. - No estás en el mismo contexto para utilizar
this
.
Una de las formas correctas de hacerlo sería la siguiente:
class Temporizador {
constructor() {
this.tiempo = 0;
}
getTime() {
return this.tiempo;
}
init() {
var self = this;
setInterval(function() => {
selfthis.tiempo++;
document.getElementById('countdown').innerHTML = selfthis.tiempo;
}, 1000);
}
}
var temporizador = new Temporizador();
temporizador.init();
<div id="countdown">0</div>
Fíjate que dentro de setInterval
tenemos dos lineas de código que nos modifica el valor del contador y muestra el resultado.