JS Non-bocking Loop / Queue

queue.js

define(['app'], function(App){
	
	//script inspired by: http://debuggable.com/posts/run-intense-js-without-freezing-the-browser:480f4dd6-f864-4f72-ae16-41cccbdd56cb

	App.queue = function(){
		var queue = {
			_timer: null,
			_queue: [],

			add: function(queueName, fn, context, time) {
				var setTimer = function(time) {
					queue._timer = setTimeout(function() {
						time = queue.add();
						if (queue._queue.length) {
							setTimer(time);
						}else{
							queue.done(queueName);
						}
					}, time || 0);
				};

				if (fn) {
					queue._queue.push([fn, context, time]);
					if (queue._queue.length === 1) {
						setTimer(time);
					}
					return;
				}

				var next = queue._queue.shift();
				if (!next) {
					return 0;
				}
				next[0].call(next[1] || window);
				return next[2];
			},

			clear: function() {
				clearTimeout(queue._timer);
				queue._queue = [];
			},
			
			done: function(queueName){
				App.vent.trigger(queueName + ':queue:done');
			}
		}
		return queue;
	};

});