怎样让一个元素按圆的轨迹运动?

我试了一下用setInterval 来做运动,取圆轨迹的“坐标”,但运动速度比较慢,程序的效率好像也比较低。
怎样做比较好?

另外,有点疑问:setInterval(function(){},time)
这里的time可以用小数吗?
我尝试了一下,好像用小数和1的效果是差不多的。是这样的吗?

阅读 7.3k
2 个回答
javascriptx = r * Math.cos(omega * t) + x0;
y = r * Math.sin(omega * t) + y0;

參數方程而已嘛。。。

omega 是角速度,調大一點。。。

另外動畫我們一般用 requestAnimationFrame,幀頻 60fps,如果是 setTimeout 則 既不精確也不準確。(所以設置小數是毫無意義的,設置小於 15 的數是沒用的(有些瀏覽器是 5))

1000/15 約等於 66 然而由於不穩定誤差很大所以實際上會很卡。。。

另外用 left top 做動畫效率很低因爲會 reflow + repaint 該元素及牽扯到的其它元素,建議改用 css transform

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题