javascript - 停止等待setTimeOut函数

我有一个称为delay（）的Typescript函数，该函数在异步/等待模式下调用。

play(){
   (async () => {
       await this.delay(90000);
       this.player.play();
   })();
}

delay(ms: number) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

有没有办法在完成90秒之前“杀死/中断” setTimeout，并在再次调用“播放”功能时再次开始计数？

最佳答案

您可能想要类似

const delay = (ms: number) => {
    let id;

    const promise = new Promise(resolve => {
        id = setTimeout(resolve, ms);
    });

    return {
        id, promise
    };
}

const play = () => {
    const { id, promise } = delay(1000);
    promise.then(() => console.log("Promise called"));
    // Or call this to cancel
    clearTimeout(id);
};

但是我可以用另一种方式实现这一点：

const Timer = (ms: number) => {
    let id: number;

    const start = () => new Promise(resolve => {
        if (id === -1) {
            throw new Error('Timer already aborted');
        }

        id = setTimeout(resolve, ms);
    });

    const abort = () => {
        if (id !== -1 || id === undefined) {
            clearTimeout(id);
            id = -1;
        }
    }

    return {
        start, abort
    }
};

const timer = Timer(1000);
timer.start().then(() => console.log("done after 1000ms"));
timer.abort(); // this would abort the operation

// Calling timer.abort() before timer.start() would throw an error as well.