Javascript超时循环不等待[重复]

Question

我正在尝试在 javascript 中创建一个循环，我希望函数 timeLoop() 被调用 10 秒然后停止。我正在尝试使用 setInterval 执行此操作，但无论我设置的超时时间有多大，它似乎都不会等待我设置的超时。每次我运行它时，我都会收到： RangeError: Maximum call stack size exceeded 不知道如何创建一个在执行前等待一段时间的定时循环。

var seconds = new Date().getSeconds();

var mainFunc = function () {
        console.log("Time: " + seconds);
        timeLoop();
}


var timeLoop = function () {
        var newTime = new Date().getSeconds();
        var timer = newTime - seconds;
        console.log("New Time: " + newTime + " Elapsed time: " + timer);

        if(timer == 10) {
                clearInterval(timeLoop());
                return console.log("Times up 10 seconds!");
        }

        setInterval(mainFunc(), 10000);
}



mainFunc();

Answer 1

您必须只设置一次间隔，但在此代码中，您每次调用的时间方法都设置它。另外，如果您想检查时差，请在开始时获取当前时间，然后在计时器上获取时差。

更改它并使用 setTimeout！

var startTime= new Date();
var mainFunc = function () {
    console.log("Time: " + startTime);
    timeLoop();
}

var timeLoop = function () {
    var newTime = new Date();
    // get time difference in miliseconds
    // if you want it in seconds easily: parseInt(timer/1000)
    var timer = newTime - startTime;
    console.log("New Time: " + newTime + " Elapsed time (miliseconds): " + timer);

    if(timer == 10000) {
            return console.log("Times up 10 seconds!");
    }

    setTimeout(mainFunc, 10000);
}
mainFunc();