jswartwood/index.html

## index.html
<!DOCTYPE html>
<html>
<body>
<p>These should output "last", "ok", then "all" for 10 promises and then another 10.</p>
<div id="out"></div>
<script type="text/javascript" src="https://raw.github.com/briancavalier/when.js/dev/when.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>

## main.js
var out = document.getElementById("out")
  , lastPromise
;

for (var i = 0; i < 10; i++) {
    (function( pos ) {
        var andDefer = when.defer()
          , allPromises = [ lastPromise, andDefer ]
        ;

        when(lastPromise).then(function() {
            out.innerHTML += "last done: " + pos + "<br>";
        });

        lastPromise = when.all(allPromises).then(function() {
            out.innerHTML += "all done: " + pos + "<br>";
        });

        andDefer.then(function( val ) {
            out.innerHTML += val + ": " + pos + "<br>";
        });

        setTimeout(function() {
            andDefer.resolve("ok");
        }, 1000);
    })(i);
}

setTimeout(function() {
    out.innerHTML += "<br>";

    for (var i = 0; i < 10; i++) {
        (function( pos ) {
            var andDefer = when.defer()
              , allPromises = [ lastPromise, andDefer ]
            ;

            when(lastPromise).then(function() {
                out.innerHTML += "last done: " + pos + "<br>";
            });

            lastPromise = when.all(allPromises).then(function() {
                out.innerHTML += "all done: " + pos + "<br>";
            });

            andDefer.then(function( val ) {
                out.innerHTML += val + ": " + pos + "<br>";
            });

            setTimeout(function() {
                andDefer.resolve("ok");
            }, 1000);
        })(i);
    }
}, 10000);
	<!DOCTYPE html>
	<html>
	<body>
	<p>These should output "last", "ok", then "all" for 10 promises and then another 10.</p>
	<div id="out"></div>
	<script type="text/javascript" src="https://raw.github.com/briancavalier/when.js/dev/when.js"></script>
	<script type="text/javascript" src="main.js"></script>
	</body>
	</html>
	var out = document.getElementById("out")
	, lastPromise
	;

	for (var i = 0; i < 10; i++) {
	(function( pos ) {
	var andDefer = when.defer()
	, allPromises = [ lastPromise, andDefer ]
	;

	when(lastPromise).then(function() {
	out.innerHTML += "last done: " + pos + "<br>";
	});

	lastPromise = when.all(allPromises).then(function() {
	out.innerHTML += "all done: " + pos + "<br>";
	});

	andDefer.then(function( val ) {
	out.innerHTML += val + ": " + pos + "<br>";
	});

	setTimeout(function() {
	andDefer.resolve("ok");
	}, 1000);
	})(i);
	}

	setTimeout(function() {
	out.innerHTML += "<br>";

	for (var i = 0; i < 10; i++) {
	(function( pos ) {
	var andDefer = when.defer()
	, allPromises = [ lastPromise, andDefer ]
	;

	when(lastPromise).then(function() {
	out.innerHTML += "last done: " + pos + "<br>";
	});

	lastPromise = when.all(allPromises).then(function() {
	out.innerHTML += "all done: " + pos + "<br>";
	});

	andDefer.then(function( val ) {
	out.innerHTML += val + ": " + pos + "<br>";
	});

	setTimeout(function() {
	andDefer.resolve("ok");
	}, 1000);
	})(i);
	}
	}, 10000);