在鼠標移出時停止畫布動畫

Question

我正在嘗試制作一個圓角矩形的交互式橫幅。 這些矩形在鼠標懸停時具有動畫效果，我希望動畫在鼠標懸停時停止。 問題是動畫不會在鼠標移出時停止...

您可以在此處檢查（並批評）我的代碼： http : //jsbin.com/osevaz/edit#source

謝謝大家，

梅迪

Answer 1

您不會在animate功能中返回timerId

=> anim undefined

=> cancelRequestAnimFrame不會停止動畫

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

了解有關該動畫和跨瀏覽器動畫的更多信息。