How to delay each iteration of a each loop inside a {{#each}} with Meteor?

Question

I'm looping over each values of an array to create Highcharts graphs on the client webpage. The problem is that it lags a bit because it do the each iteration a little too fast.

So my idea is to do something like this:

 {{#each containersToCreateChart}}  
 some html that I need to do for each one  
 then wait X milliseconds
 and do the next iteration
 {{/each}}

Answer 1

Not sure about meteor . But if I want to achieve what you are trying to do in Javascript I will do like this.

 for (i = 0; i < 5; i++) { (function(i) { setTimeout(function() { console.log('delayed by 2 seconds, now value of "i" is:' + i); }, 2000); })(i); } 

for more you can refer here