title: Stop random letter with javascript
body: <p>Here I have a code:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
  &lt;title&gt;Letters&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="stop"&gt;STOP&lt;/div&gt;
  
  &lt;div id="letter"&gt;A&lt;/div&gt;
  &lt;div id="letter"&gt;G&lt;/div&gt;
  &lt;div id="letter"&gt;D&lt;/div&gt;
  &lt;div id="letter"&gt;M&lt;/div&gt;
  &lt;div id="letter"&gt;S&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  var letters = ['a','b','c','d', ... ];
  var getRandLetter = function () {
      return letters[ Math.random() * 25 ] //generate a random number between 0 and 25, use this to pick a letter
  }
  setInterval($('#letter').text(getRandLetter()), 500) //pop a random letter in the DOM every 500 ms
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>With script I need to change letter on div every 0,5 seconds but-</p>
  
  <p>NOW I need when I click on STOP div to be: 1st div - "A" 2nd div "B" ... ... etc. How I can do that. Please HELP! is there any chance to do that!</p>