Остановить анимацию холста при помощи мыши

Question

Я пытаюсь сделать интерактивный баннер из прямоугольников со скругленными углами.Эти прямоугольники анимированы при наведении мыши, и я хочу, чтобы анимация прекращалась при наведении мыши.Проблема в том, что анимация не останавливается при наведении мыши ...

Вы можете проверить (и критиковать) мой код прямо здесь: http://jsbin.com/osevaz/edit#source

Спасибо всем заранее,

Мехди

Answer 1

Вы не возвращаете timerId в animate функции

=> anim is undefined

=> cancelRequestAnimFrame не останавливает анимацию

Более того, Firefox (5-8) имеет mozRequestAnimationFrame, но не mozCancelRequestAnimationFrame

Подробнее об этом и кросс-браузерной анимации.