Can clearInterval () be called inside setInterval ()?

Question

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 

I have the code above, and sometimes it works, sometimes it is not. I am wondering if clearInterval really clears the timer , because there is this monitor button that will only be disabled if it is in the monitoring function. I have another clearInterval when an element named .outputRemove . See code below:

 //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; }); }); 

But he was turned on for a while before he turned off again. Will clearInterval output the program from the setInterval function?

Answer 1

Yes, you can. You can even check it out:

 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); 

In this example, this timer is cleared when i reaches 5.