Skip to main content
1 de 3
MitaCloud
  • 2.7k
  • 9
  • 20

Aquí hay varios problemas:

  1. Bucle infinito al estar llamando a init dentro del setInterval
  2. Como dentro de setInterval estas llamando a init otra vez, por cada seguno estaras creando otro setInterval diferente.
  3. 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.

MitaCloud
  • 2.7k
  • 9
  • 20