我怎样才能重新调用这个函数？ 没有经验的ES6

Question

I don't know how to call counter() a second time after it runs on page load

I made a new "instance" of the counter, I think. And this does work but there must be a correct way. I need to call it in replay()

/**
 * @fileoverview demo 
 */

class ReVideo {
    constructor() {
        this.time = 5;
...
        this.timer = document.getElementById("update");
        this.counter = setInterval(() => this.countdown(), 1000);
        this.fader = fader();
        this.counter2 = "";
...

        this.retry.addEventListener('click', () => this.replay());
...
    }

    countdown() {
        this.time--;
        if (this.time > -1) {
            this.timer.innerHTML = "seconds remaining: " + this.time;
        } else {
            this.timer.innerHTML = "You Lose!";
            this.watch.style.display = "block";
            this.retry.style.display = "block";
            clearInterval(this.counter);
            clearInterval(this.counter2);
            this.coins++;
            this.coinCount.innerHTML = "Coins: " + this.coins;
        }
        this.notice.style.visibility = "visible";
        this.notice.innerHTML = "Loaded";
    }

...

    replay() {
        this.time = 5;
        this.watch.style.display = "none";
        this.notice.style.visibility = "hidden";
        fader("Loaded");
        this.retry.style.display = "none";
        this.counter2 = setInterval(() => this.countdown(), 1000);
        this.counter2;
    }
...

}
new ReVideo();

It does not run if i say counter();

Answer 1

You could have a helper counter function to return the intervalID like:

counter () {
  const interval = setInterval(() => this.countdown(), 1000);
  return interval;
}

and in your constructor, you could assign the intervalID to some variable like:

this.interval = counter();

Then you can stop the counter by passing the variable holding the intervalID like clearInterval(this.interval);