Как я могу воспроизвести и остановить анимацию на основе массива?

Question

Я хотел бы иметь возможность создавать анимацию, которую можно воспроизвести и остановить (сбросить).

Вот что у меня есть:

function animateObject(amountArray) {
  // Sample data
  amountArray = ["0", "1", "3", "2", "0"];
  duration = 500;

  // Looping through each value and animating the object 
  for(i=0; i<amountArray.length; i++) {

    $('#object').animate({
      top: amountArray[i]
    },duration);

  } // endloop

}

Это точно оживляет объект, но вызов $('#object').stop(); нигде не останавливает анимацию.

Полагаю, это потому, что цикл уже построен, и ничто не может остановить его после выполнения.

Answer 1

Почему бы не использовать setInterval для управления пуском и остановом?

http://jsfiddle.net/YdZrZ/12/

Answer 2

Попробуйте позвонить .stop(true). Это должно очистить анимацию в очереди.