Tienes mal esta parte del código:
init() {
console.log(n);
document.getElementById('countdown').innerHTML = this.tiempo;
this.tiempo++;
setInterval(console.log(this.init()), 1000);
}
La llamada a console.log(this.init())
es inmediata porque el resultado de su ejecución es lo que se entregará como parámetro a setInterval()
, provocando un bucle infinito.
Además parece que lo que quieres es llamar a init()
cada segundo, por lo que sería un setTimeout()
o de lo contrario se crearía un intervalo nuevo en cada llamada, terminando por saturar el navegador de temporizadores.
init() {
console.log(n);
document.getElementById('countdown').innerHTML = this.tiempo;
this.tiempo++;
setTimeout(function() {=> console.log(this.init()); }, 1000);
}
Ahora estamos pasando como parámetro una función anónima que será ejecutada tras 1000 ms.