An Array forEach with a delay between steps.

delayedForEach.js

/**
 * An array forEach with a delay between steps.
 *
 * @param {Function} callback Function to execute for each element. It receives three arguments, the element value, the element index and the array being traversed, respectivily.
 * @param {Number} timeout Number of milliseconds that the function call should be delayed by.
 * @param {Object} thisArg Object to use as this when executing callback.
 * @this {Array}
 * @return {undefined}
 */
Array.prototype.delayedForEach = function(callback, timeout, thisArg){
  var i = 0,
    l = this.length,
    self = this,
    caller = function(){
      callback.call(thisArg || self, self[i], i, self);
      (++i < l) && setTimeout(caller, timeout);
    };
  caller();
};

/*
=== Usage ===

var numbers = [100, 2,"abc", 4, true];

numbers.delayedForEach(function(elem, index, array){
  console.log("this = " + this);
  console.log("elem = " + elem);
  console.log("index = " + index);
  console.log("array = " + array);
}, 1000);

var myScope = {foo: "bar"};

numbers.delayedForEach(function(){ console.log(this); }, 1000, myScope);

*/

Alternatively, we can also use setTimeout()

const INTERVAL = 1000;	// in milliseconds
yourArray.forEach((item, index) => {
	setTimeout(() => {
		console.log(item);
	}, INTERVAL*index);
});

@harsilspatel ... did you run your code?

Hi @iszlailorand,

Yes, I just (re-)tested my code against the delayedForEach (from the gist) and it works just fine! I'm guessing you're having issues running my code? Feel free to post your snippet here and I'll try to help you out :)