Aquí hay varios problemas:
- Bucle infinito al estar llamando a
init
dentro delsetInterval
- Como dentro de
setInterval
estas llamando ainit
otra vez, por cada seguno estaras creando otrosetInterval
diferente. - No estas en el mismo contexto para utilizar
this
Una de las formas correctas de hacerlo seria la siguiente:
class Temporizador {
constructor() {
this.tiempo = 0;
}
getTime() {
return this.tiempo;
}
init() {
var self = this;
setInterval(function() {
self.tiempo++;
document.getElementById('countdown').innerHTML = self.tiempo;
}, 1000);
}
}
var temporizador = new Temporizador();
temporizador.init();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="countdown">0</div>
</body>
</html>
Fíjate que dentro de setInterval
tenemos dos lineas de código que nos modifica el valor del contador y muestra el resultado.