在鼠標上停止畫布動畫

我正在嘗試製作圓角矩形的互動橫幅。這些矩形在鼠標懸停時動畫，我希望動畫在鼠標停止時停止。問題是動畫不會停止鼠標了...在鼠標上停止畫布動畫

您可以在這裏查看（和批評）我的代碼：http://jsbin.com/osevaz/edit#source

謝謝大家提前，

邁赫迪

2011-11-28 Mehdi

你不animate函數返回的timerId

=>anim是undefined

=>cancelRequestAnimFrame不停止動畫

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

Read more有關和跨瀏覽器的動畫。

2011-11-28 13:04:55 kirilloid

你是什麼意思的timerId？ – Mehdi

'setTimeout' /'setInterval'返回一些數字= timerId，稍後可能會用'clearTimeout' /'clearInterval'來停止定時器。一個需要知道返回值來停止計時器。 'AnimationFrame'函數以相同的方式工作。 – kirilloid

回答