Hi All

Im having a mare with something and wondered if someone could help me.

In brief, I am requiring to make 10 requests to a remote server to extract an object.

My problem is that my requests are occurring too quickly and i want to slow the process down.

I thought i could use a timer in my ajax call but for some reason, the timer runs only on the first ajax call which is defined in the each

so my code is

   
    $('ul#sortable2 li').each(function(index) {
    	
    	
    	var toFill = $(this);
    	 $.ajax({
   			 
  			  type: 'POST',
  			  url: "http://localhost/25-things-web/grooves/renderPlayer",
  			  async:true, 
  			  data: { list :  '27754583'  },
  			  
  			   success:function(data){	
  				  
  				   setTimeout( function() {  toFill.html(data);	 },10000);
  				   
  				  },
  				  error:function(){
  					 
  		       }
  		 } ); 
    });

each li should pull the object and render it but i want to be able to define a time between each ajax call and render the results in between

My timeout runs at the start of the each but not after each each.

Any ideas
this is really a pain and a probl;em for me.


Cheers

Steve

Isn't there a delay method?

well i thought i had sorted the delay by the below

setTimeout( function() { toFill.html(data); },10000);

But the delay comes at the start or seems to and then everythign loads in one hit

Maybe you can add a counter that increases for every element in the "each" call, which you also multiply the delay by. Give it a go :P

var i = 0;
$('ul#sortable2 li').each(function(index) {
        var toFill = $(this);
        $.ajax({
                type: 'POST',
                url: "http://localhost/25-things-web/grooves/renderPlayer",
                async:true, 
                data: { list :  '27754583'  },
                success:function(data){	
                        setTimeout(function() { toFill.html(data); }, 10000 * i++);
                },
                error:function(){
                }
        } ); 
});

yur will give that a go and post back here.
cheers

actually looking at this it looks like quite a good idea.
Cant sort now till am but will get back to you on this.

cheers

This may help you out

$('li').each(function(indexInArray){
   var data = $(this).text();
   setTimeout( function () {
       requestFunction(data, function(status){
           if ( status == 'OK' ) do stuff...
       });
   }, indexInArray * 500);
});

stackoverflow.com/questions/7445941/how-to-make-delay-between-each-loops-of-jquery-each-function

You could of course just use a Date object.

function pause(mS) 
{
        var date = new Date();
        var curDate = null;

        do { curDate = new Date(); } 
        while(curDate-date < mS)
}