javascript - `setInterval` 中的时间问题

Question

我的时间有问题。我不知道是什么，但是出了问题，因为我的函数的每次迭代时间都在“减少”。

所以，我有一个函数可以更改标签的文本。孔函数的持续时间 - 19秒。
(从 0 秒到 4 秒)-“文本 1”
(从 4 秒到 11 秒)-“文本 2”
(从 11 秒到 19 秒)-“文本 3”

然后就重复了。经过几次迭代后，标签从“文本 1”更改为“文本 2”，持续时间不到 4 秒(~3 秒 - ~3.5 秒)

function TextChanger() {

    clearInterval(timer);

    timer = setInterval((i => () => {

        const parts = { 0: 'Text 1', 4: 'Text 2', 11: 'Text 3' };

        if (parts[i]) console.log(parts[i]);

            else console.log(i); // 1s, 2s, 3s has passed

        i++;
        i %= 19;

    })(0), 1000);

}

谢谢

Answer 1

计时器不可靠，因为它们在主线程中以相对较低的优先级执行。将其设置为以 900 毫秒运行并计算距离上次更改的时间。