Kazuho@Cybozu Labs

function timeout_for(f1, f2, f3, fe) {
  var i = typeof f1 === 'function' ? f1() : f1;
  var rep = function () {
    if (typeof f2 === 'function' ? f2(i) : (i < f2)) {
      setTimeout(
        function () {
          fe(i);
          i = typeof f3 == 'function' ? f3(i): i + 1;
          rep();
        },
        10);
    }
  };
  rep();
}

簡単な使い方 (for (i = 0; i < 3; i++) に相当)

timeout_for(
  0, 3, 1,
  function (i) {
    alert(i);
  });

条件をコールバックで設定

timeout_for(
  function () { return 0; },
  function (i) { return i < 3; },
  function (i) { return i++; },
  function (i) {
    alert(i);
  });

変数は外部で保持しても良い

var i = 0;
timeout_for(
  function () {},
  function () { return i < 3; },
  function () { i++ },
  function () {
    alert(i);
  });

もちろんネストも可能

timeout_for(
  0, 3, 1,
  function (i) {
    timeout_for(
      1, 4, 1,
      function (j) {
        alert(i + ',' + j);
      });
  });

あとは、同一のインターフェイスをもつ非timeout版の実装を用意しておいて、切り替えて使うとか。

function ordinal_for(f1, f2, f3, fe) {
  for (
    var i = typeof f1 == 'function' ? f1() : f1;
    typeof f2 === 'function' ? f2(i) : (i < f2);
    i = typeof f3 === 'function' ? f3(i) : i + 1) {
    fe(i);
  }
}

timeout_for(0, 3, 1, function (i) { alert(i); });
ordinal_for(0, 3, 1, function (i) { alert(i); });