How can I delay inner for loop and make outer for loop to wait utill inner loop will finish iteration?

Question

How can I do this? How can I delay outer loop until inner for loop will finish taking in mind that I want to delay each inner for loop iteration for 2 seconds? Result which I want to achieve:

outer loop prints in console: 0

outer loop awaits until inner loop will finish.

inner loop prints: 0, 1, 2 with 2 seconds delay.

then outer loop prints: 1.

outer loop awaits until inner loop will finish.

inner loop prints: 0, 1, 2 with 2 seconds delay.

And so on.

for (var i = 0; i < 3; i++)
  {
    alert(i);
    for (var j = 0; j < 3; j++)
      {
        alert(j);
      }
    }

So what you're really asking for are synchronous timeouts, yes? — mhodges, Jan 19 '17 at 23:40
See here: http://stackoverflow.com/a/37563825/4987197 and here: http://stackoverflow.com/a/1776729/4987197 — mhodges, Jan 19 '17 at 23:44
Use recursion, not loops. You then can easily continue asynchronously. — Bergi, Jan 20 '17 at 02:23

score 0 · Answer 1 · answered Feb 05 '18 at 16:00

As mentioned in Synchronous delay in code execution you can have a wait function and include it in your code.

function wait(ms) {
    var start = Date.now(),
        now = start;
    while (now - start < ms) {
      now = Date.now();
    }
}

for (var i = 0; i < 3; i++)  {
  alert(i);
  for (var j = 0; j < 3; j++) {
    alert(j);
    wait(2000);
  }
}

How can I delay inner for loop and make outer for loop to wait utill inner loop will finish iteration?

1 Answers1