How to make a function wait in JavaScript?

Question

JavaScript

The loop forcalls a function imitate(j)that performs an animation in WebGL and lasts 24 seconds.
Cycle:

for (j; j<=finDay; j++) { 
  imitate(j); 
};

Function:

imitate = function(d) { 				
        
          function startTrackInterval(day) {
            if (day) effectController.day=day;
            effectController.hour=0;
            var timerId = setInterval(function() {
            if (effectController.hour > 24) clearInterval(timerId);
            else {
            gui.updateDisplay();
            tracker();
            };
            effectController.hour=effectController.hour+0.01;
            }, 10);
            }

          startTrackInterval(d);
            
        }

How to make in a loop waiting for the execution of a function and only then increment j?
If this is not done, then JS runs finDaythe -th number of copies of the function almost in parallel, and the rendering turns out to be a mess.
PS: I read about callbacks and promises, but I couldn't apply them.

Answer 1

If a function with a callback needs to be wrapped in a promise, in order to work with promises synchronously, you must either use a recursive call to promises one after another, or in a for loop in an async function with interrupts on alert