Помогите с функией анимации
 

При вводе букв L,R,D,U объект должен перемещаться в указаном направлении согласно функции readLine.Создал массив, а как сделать анимацию не понимаю.

function doAnimate (){
    var rulesArr = document.getElementById('input1').value.split(" ");
}

function anim1() {
    var rulesArr = new Array();
    var strIndex = 0;
readLine(rulesArr[strIndex]);
        if (strIndex < rulesArr.length)   {
            strIndex++;
            setTimeout(anim1 , 1000);
        }
        else {
            strIndex=0;
        }
}
function readLine(lol){
    switch (lol){
        case "L" :
            moveTo('left');
            break;
        case "U" :
            moveTo('top');
            break;
        case "R" :
            moveTo('right');
            break;
        case "D" :
            moveTo('bot');
            break;
    }
}

HTML: 
<form >
    <input id="input1" type="text"  value="">
</form>
<button id="button6"  onclick = "anim1() " >Do</button>

ну вообще так то массив у вас пустой т.к. должно быть вот так

function anim1() {
    var rulesArr = document.getElementById('input1').value.split(" ");
    var strIndex = 0;
readLine(rulesArr[strIndex]);
        if (strIndex < rulesArr.length)   {
            strIndex++;
            setTimeout(anim1 , 1000);
        }
        else {
            strIndex=0;
        }
}

и потом, что у вас делает функция moveTo?

Ответ тут.
http://javascript.ru/blog/Andrej-Par...cii-JavaScript