clearInterval() 可以在 setInterval() 内部调用吗?

bigloop=setInterval(function () {
              var checked = $('#status_table tr [id^="monitor_"]:checked');
                if (checked.index()===-1 ||checked.length===0 || ){
                    bigloop=clearInterval(bigloop);
                    $('#monitor').button('enable');
                }else{

                        (function loop(i) {                           
                            //monitor element at index i
                            monitoring($(checked[i]).parents('tr'));
                            //delay of 3 seconds
                            setTimeout(function () {
                                //when incremented i is less than the number of rows, call loop for next index
                                if (++i < checked.length) loop(i);
                            }, 3000);
                        }(0)); //start with 0
                }                            
            }, index*3000); //loop period

我有上面的代码,有时它正在工作,有时它不是。我想知道clearInterval是否真的清除了计时器??因为有这个按钮只有在它处于功能时才会被禁用。当单击调用的元素时,我有另一个。请参阅下面的代码:monitormonitoringclearInterval.outputRemove

//remove row entry in the table      
        $('#status_table').on('click', '.outputRemove', function () {
            deleted= true;
            bigloop= window.clearInterval(bigloop);
            var thistr=$(this).closest('tr');
            thistr.remove();
            $('#monitor').button('enable');

            $('#status_table tbody tr').find('td:first').text(function(index){
               return ++index;

            });
        });

但是在再次禁用之前,它被启用了一段时间。clearInterval 会从 setInterval 函数中取出程序吗?


答案 1

是的,您可以。您甚至可以测试它:

var i = 0;
var timer = setInterval(function() {
  console.log(++i);
  if (i === 5) clearInterval(timer);
  console.log('post-interval'); //this will still run after clearing
}, 200);

在此示例中,此计时器在达到 5 时清除。i


答案 2