鼠标停止时停止画布动画

Question

我正在尝试制作圆角矩形的交互式横幅。这些矩形在鼠标悬停时动画，我希望动画在鼠标移出时停止。问题是动画不会因鼠标停止而停止......

您可以在此处查看（并批评）我的代码：http://jsbin.com/osevaz/edit#source

提前谢谢大家，

梅迪

Answer 1

您不会在animate函数

中返回timerId

=＆GT; anim为undefined

=＆GT; cancelRequestAnimFrame不会停止动画

此外，Firefox（5-8）有mozRequestAnimationFrame，但没有mozCancelRequestAnimationFrame

Read more关于这个和跨浏览器的动画。