Continue iteration until button Stop is clicked

Continue iteration until button Stop is clicked

I have a div showing letters one at a time.

  1. var abcdef = ["A", "B", "C", "D", "E", "F"];
  2.     var time = 500;

  3.     jQuery.each(abc, function(i, item) {
  4.         setTimeout( function(){ $("#container").empty().append(item); }, time)
  5.         time += 10000;
  6.     });
  7.          <div id="container"></div>
  8.         <input type="button" value="Start" />
  9.         <input type="button" value="Stop" />

So all the letters is shown one by one but only but only one round. I need the each loop to continue until I press button "Stop". Then when pressing "Start", then I would want the each function to continue again.