var promises = [];

​

function async(promise) {

    setTimeout(function () {

        promise.resolve();

        if (Math.random() > 0.1) {

            var newPromise = $.Deferred();

            promises.push(newPromise);

            console.log("Added new promise. Count: " + promises.length);

            async(newPromise);

        } else {

            console.log("Done adding promises.");

        }

    }, 25);

}

​

console.log("--- Setting off first promise ---");

var promise = $.Deferred();

promises.push(promise);

console.log("Added new promise. Count: " + promises.length);

async(promise);

​

setTimeout(function() { // How to do this without an arbitary timout?

    $.when.apply($, promises).done(function () {

        console.log(promises.length + " promises finished");

    });

}, 200);

​