How to pause a setInterval, wait for the execution of another function and resume the setInterval

Question

I'm trying to loop a function with a setInterval and then, when a condition is hitted:

Pause the setInterval loop
Call and execute an async function
Resume the setInterval loop

What's the best way to do it in Javascript? I have something like this:

var refreshId = setInterval(Myfunction, 5);

function  Myfunction(){
---do something---

if (conditionIsHitted){
externalFunction();}
}
 ---resume the setInterval loop again

What kind of function will be executed? An asynchronous one or a synchronous one? — Sebastian Simon, Oct 11 '21 at 20:13
can you please edit your question with a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example). Otherwise we have no idea what's actually going on in your code. — Joe Lissner, Oct 11 '21 at 20:14

score -1 · Answer 1 · answered Oct 11 '21 at 20:20

you cant "pause" a setinterval. nor a setTimeout. but you can stop it and start it again later. like start with a 10 sec timeout. stop it 2 seconds later. and restart it later with a 8 sec timeout.

// run something after 10 sec - will never actually be runned, because stopped later
let timeout = setTimeout(function() {
    console.log('10 sec elapsed');
}, 10000);

// stop after 2 seconds and relaunch the work to be done
setTimeout(function() {
    clearTimeout(timeout);

    setTimeout(function() {
        console.log('10 sec elapsed');
    }, 8000);
}, 2000);

How to pause a setInterval, wait for the execution of another function and resume the setInterval

1 Answers1