javascript - 我需要在 JavaScript 中使用 setTimeout 停止循环

Question

我有一个内部有 setTiemout 的循环，我需要通过 onClick 按钮停止它

var loop = function(){
    for (var i = 0; i < tx.length; i++) {
        setTimeout((function(x) {
            return function() {
                $("#div").append(tx[x] + " <br />");
            };
        })(i), 500 * i);
    }
};

$("#start").on("click", loop);
$("#stop").on("click", stop);

我在 JSFiddle 中有示例 start|stop loop with buttons

谢谢

Answer 1

您必须保留指向 setTimout() 方法结果的指针，以便稍后可以对其调用 clearTimout。

如果您需要从循环本身中断，您需要在代码中的其他位置设置一个标志，然后检查 for 循环内部的值。如果设置了该标志，则中断。