Question

是否可以通过单击按钮或任何其他事件来停止在javascript中执行某个功能？以下是我的困境

function drop() {

    setTimeout(function () {    //  call a 250ms setTimeout when the loop is called
       setMarkers(map, locationArray, locationNameArray, iterator);
       iterator++;
       if (iterator < locationArray.length) {      //  if the counter < 10, loop!
         drop();             
       }
     }, 250);
}

此功能以250毫秒的间隔放下画布上的Google地图图钉。现在，如果用户想要导航到上一个屏幕（远离Map页面），单击后退按钮我想停止执行此drop（）函数，重置计数器（迭代器）并返回。

我知道如何做到这一点，或者它是否可能？谢谢！

Answer 1

最简单的方法是在其中抛出一个“全局”范围的变量，并在每次迭代时检查它。

var cancel = false;
function drop() {
    setTimeout(function () {    //  call a 250ms setTimeout when the loop is called
       setMarkers(map, locationArray, locationNameArray, iterator);
       iterator++;
       if (iterator < locationArray.length && cancel === false) {      //  if the counter < 10, loop!
         drop();             
       }
     }, 250);
}

然后在事件处理程序中更新相同的变量：

$("#mybutton").click(function() {
    cancel = true;
});

在javascript / jquery中停止执行函数

1 个答案: