在这种情况下我能做什么？ setinterval 倒数计时器内的 setinterval

Question

我需要帮助或想法才能在 setInterval 中使用倒计时。

这是我在 js 上的倒计时（非常明显）：

function startTimer(duration) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        document.getElementById('minuteDrag').innerText = minutes;
        document.getElementById('secondDrag').innerText = seconds;

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}

当我在第二个 setinterval 之外调用此函数时，它可以正常工作（如预期的那样）。 但是当我尝试在下面的代码中运行这个函数时，时间倒计时的函数出现了错误，我猜这是因为倒计时计时器在另一个 setinterval 内被调用。

这里有解决方案的任何想法吗？ （我无法摆脱“主要设置间隔”）。

var api = new Lolesports_API();

api.get_event_details('pt-BR', '105562529627228920')
.then(result_games => {         
        var game_id
        result_games.event.match.games.forEach(game => game_id = game.id)
        api.get_teams('pt-BR')
        .then(result_teams =>{
            var teams_dict = {}
            result_teams.teams.forEach(team => {teams_dict[team.id] = team.code})
            setInterval(function(){
                api.get_window(game_id, get_lastest_date())
                .then(result_window => {                
                    var last_frame = result_window.frames[result_window.frames.length - 1];
                    var game_state = last_frame.gameState;
                    startTimer(60*5)
                    if (game_state == 'in_game') {
                        document.getElementById("gameState").style.backgroundColor = '#33cc33';
                        stopwatch_game.start();
                    } else if (game_state == 'paused') {
                        document.getElementById("gameState").style.backgroundColor = '#66a3ff';
                        stopwatch_game.pause();
                    } else {
                        document.getElementById("gameState").style.backgroundColor = '#ff8080';
                        stopwatch_game.pause();                  
                    }
                    //stopwatch_game.start();

                })
            }, 500)
        })
})

PS：这不是完整的代码，为了不污染问题，我删除了很大一部分。

Answer 1

现在您每半秒开始一个新的倒计时间隔。

为什么不在 startTimer 中返回 setInterval 的值，以便在需要时被外部循环停止？

例如

startTimer = (duration) => {
    let timer = duration, minutes, seconds;
    return setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        document.getElementById('minuteDrag').innerText = minutes;
        document.getElementById('secondDrag').innerText = seconds;

        if (--timer < 0) {
            timer = duration;
        }
    }, 1000);
}

然后在您的主循环中，您可以使用clearInterval 来停止计时器......或者至少检查它是否存在：

let foo = undefined;
if (foo === undefined) {
  foo = startTimer(60*5);
}