一定回数実行するかボタンがクリックされるとキャンセルされるlotteryの例1

auto_lottery.js

// timer機能と、定期的に実行される操作が混ざっている
class AutoLottery {
    constructor(action, interval) {
        this.action = action;
        this.interval = interval;
        this.count = 0;
    }
    start() {
        const execute = () => {
            this.action();
            this.count++;
            this.timeoutId = setTimeout(execute, this.interval);
            if (this.count > 3) {
                this.stop();
                console.log("lottery stopped");
            }
        }
        this.timeoutId = setTimeout(execute, this.interval);
        console.log("lottery started!");
    }
    stop() {
        if (!this.timeoutId) return;
        console.log("lottery stop!");
        clearTimeout(this.timeoutId);
        this.timeoutId = null;
    }
}

class Button {
    constructor(onClick) {
        this.onClick = onClick;
    }
    click() {
        console.log("clicked!");
        this.onClick();
    }
}

let x = 0;
const action = () => {
    console.log(`lottery ${x++}`);
}
const lottery = new AutoLottery(action, 1000);
const button = new Button(() => { lottery.stop() });

lottery.start();
setTimeout(() => { button.click() }, 3000); // simulate click after 3sec