Question

What’s the best way to do something like this?

for a in b
   #do this thing
   #wait a second, then continue the loop

in js

var a, _i, _len;

for (_i = 0, _len = b.length; _i < _len; _i++) {
  a = b[_i];
  //do this thing
  //wait a second, then continue the loop
}

Thanks!

Answer 1

To process one item from a for (i in b) loop each second until you’re done with the items, you can do it like this:

var list = [];
// accumulate list of items to operate on into an array
// that can be incremented through
for (var i in b) {
    list.push(i);
}

function next() {
    if (list.length > 0) {
        var item = list.shift();
        // do something with the next item here

        // do the next iteration one second later
        setTimeout(next, 1000);
    }
}
// start it
next();