title: Show Sprite Image with intervals on Phaser
body: <p>I have a sprite where every single frame is an image that needs to be displayed individually.
  Now, what i want to achieve is to show each image with interval, let's say a second or 2.</p>
  
  <p>So far what i've tried:</p>
  
  <pre><code>var frames = [0, 13, 55, 22, 14];
  var sprite;
  
  $.each(frames, function (i, axis) {
      // x_axis, y_axis is dynamic
      sprite[i] = game.add.sprite(x_axis, y_axis, 'sprite', axis);
      sprite[i].animations.add('sprite' + i, [axis]);
  
      // I put 2 on second parameter hoping that it will prolong the interval
      // but it's not working. Sprites still shows fast like nothing change
      sprite[i].animations.play('sprite' + i, 2, false);
  });
  </code></pre>
  
  <p>I also tried putting the sprite aniamations inside a <code>setTimeout</code> but what happened was, it will have a delay at start then eventually show all sprite image on canvas.</p>
  
  <p>Any help. Just new to Phaser.</p>