Stop random letter with javascript
Here I have a code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Letters</title>
    </head>
    
    <body>
    <div id="stop">STOP</div>
    
    <div id="letter">A</div>
    <div id="letter">G</div>
    <div id="letter">D</div>
    <div id="letter">M</div>
    <div id="letter">S</div>
    <script type="text/javascript">
    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
    </script>
    
    </body>
    </html>

With script I need to change letter on div every 0,5 seconds but-


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!
Stop random letter with javascript
===

Here I have a code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Letters</title>
    </head>
    
    <body>
    <div id="stop">STOP</div>
    
    <div id="letter">A</div>
    <div id="letter">G</div>
    <div id="letter">D</div>
    <div id="letter">M</div>
    <div id="letter">S</div>
    <script type="text/javascript">
    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
    </script>
    
    </body>
    </html>

With script I need to change letter on div every 0,5 seconds but-


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!