javascript - 循环 Javascript 计时器

Question

我正在尝试运行顺序倒数计时器，但不知道如何等待计时器完成后再转到下一个项目。

for(var i = 0; i < 5; i++)
{
    var count = 5;
    var counter = setInterval(timer, 1000);
}

function timer()
{
    count--;
    if (count <= 0)
    {
        $('.workout-timer').text(count + "secs");
        clearInterval(counter);
        return;
    }

    $('.workout-timer').text(count + "secs");
}

这只是变成负数，但是如果没有 for 循环，代码从 5 倒数到 0 就可以了。所以我的问题是如何一个接一个地获得多个倒计时？计时器不是正确的方法吗？

Answer 1

你可以这样做:

function startCountdown(count, delay, callback) {
    if (!count) {
        callback && callback();
        return;
    }

    //do something here
    console.log(count);

    setTimeout(function () {
        startCountdown(--count, delay, callback);
    }, delay);
}

startCountdown(5, 1000, function () {
    startCountdown(5, 1500);
});

但是，如果您有很多嵌套回调，这可能会变得困惑，但您可以使用以下方法来处理该问题:

var queue = [
        { count: 5, delay: 1000 },
        { count: 10, delay: 200 },
        { count: 5, delay: 5000 }
    ];

processNextCountdown();

function processNextCountdown() {
    var options = queue.shift();

    if (options) {
        startCountdown(options.count, options.delay, processNextCountdown);
    }
}