javascript - 如何在 Javascript 中循环一个函数？

Question

我正在尝试使用 JQuery 创建倒计时。我在一个数组中有不同的时间。当第一次结束时，倒计时应计数到数组中的下一个时间。

我尝试使用 JQuery 倒计时插件来做到这一点:

var date = "2017/04/25";
var time = ["13:30:49", "14:30:49", "16:30:49", "17:30:49"];
var i = 0;
while (i < time.length) {
    var goal = date + " " + time[i];
    $("#countdown")
        .countdown(goal, function(event) {
            if (event.elapsed) {
                i++;
            } else {
                $(this).text(
                    event.strftime('%H:%M:%S')
                );
            }
    });
}

这行不通...但是我该怎么做呢？

Answer 1

你不应该使用 busy wait尤其是在浏览器中。

尝试这样的事情:

var date = "2017/04/25";
var time = ["13:30:49", "14:30:49", "16:30:49", "17:30:49"];
var i = 0;
var $counter = $("#countdown");
function countdown() {
    var goal = date + " " + time[i];
    $counter.countdown(goal, function(event) {
        if (event.elapsed) {
            i++;
            if (i < time.length) {
              countdown();
            }
        } else {
            $(this).text(
                event.strftime('%H:%M:%S')
            );
        }
    });
}