35 lines
1,018 B
JavaScript
35 lines
1,018 B
JavaScript
|
import { Controller } from "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js";
|
||
|
|
|
||
|
|
export class CountdownController extends Controller {
|
||
|
|
static targets = ["countdown", "fakeinput"];
|
||
|
|
|
||
|
|
start() {
|
||
|
|
this.element.classList.remove('hidden');
|
||
|
|
|
||
|
|
this._countdown = 3;
|
||
|
|
this.countdownTarget.innerText = this._countdown;
|
||
|
|
|
||
|
|
this._tickInterval = window.setInterval(this._tick.bind(this), 1000);
|
||
|
|
window.setTimeout(() => {
|
||
|
|
this.fakeinputTarget.focus();
|
||
|
|
}, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
_tick() {
|
||
|
|
this._countdown -= 1;
|
||
|
|
|
||
|
|
if (this._countdown === 0) {
|
||
|
|
this.countdownTarget.innerText = "GO!";
|
||
|
|
} else if (this._countdown < 0) {
|
||
|
|
window.clearInterval(this._tickInterval);
|
||
|
|
this._startActualGame();
|
||
|
|
} else {
|
||
|
|
this.countdownTarget.innerText = this._countdown;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_startActualGame() {
|
||
|
|
this.element.classList.add('hidden');
|
||
|
|
window.dispatchEvent(new CustomEvent("startGame"));
|
||
|
|
}
|
||
|
|
}
|