Add easing to setTimeout loop

setTimeoutEasing.js

// self-invoking function
// main idea from here http://stackoverflow.com/questions/12081547/applying-easing-to-settimeout-delays-within-a-loop
// easing functions from here https://github.com/danro/jquery-easing/blob/master/jquery.easing.js
(function(){

	var time = 0; 
  var diff = 12;

  var minTime = 1;
  var maxTime = 100;
	
	var elList = document.querySelectorAll("li, h1, h2, h3, h4, h5, h6, p");
	
	if(elList.length>0){
		var i = 0;

		function myLoop () {        
			setTimeout(function () {
				var el = elList[i];
				var elOldClass = el.className;
				el.className = elOldClass.concat(" appear");
				if (i < elList.length-1){
      					time = noEasing(i, minTime, maxTime, diff);
      					myLoop();
				}
				i++;
			}, time);		
		}
		myLoop();
	}

	function noEasing (t, b, c, d) {
		return c * t / d + b;
	}
	function easeInOutQuad(t, b, c, d) {
    if ((t/=d/2) < 1) return c/2*t*t + b;
    return -c/2 * ((--t)*(t-2) - 1) + b;
  }   
	function easeInOutExpo(t, b, c, d) {
    if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
  }   

})();