javascript - 模式关闭后停止 jQuery 函数

Question

我有一个每 3 秒重复一次的函数，如下所示:

function myFunction() {

// Do something sexy

   var delay = 3000;
   setTimeout(function() {
   myFunction();
   }, delay);

}

它在 Bootstrap 模式窗口内运行，并且只应在该窗口打开时运行。

我尝试将延迟包装成类似的内容:

if ($('#modal-task').hasClass('in')){
    var delay = 3000;
    setTimeout(function() {
    myFunction();
    }, delay);
}

但问题是，如果关闭并重新打开模态框，则每次关闭和打开时该函数都会运行两次甚至更多次。

当模式关闭/不可见时，如何完全终止该函数？

Answer 1

这可能会起作用，而不是 if 语句

    function something_sexy () {
    // Do something sexy

       var delay = 3000;
       setTimeout(function() {
       myFunction();
       }, delay);
    }
    while ($('#modal-task').hasClass('in')) {
    something_sexy();
    }