没有 jquery/settimeout/setinterval 的 JavaScript 动画

标签 javascript

正如标题所说..有没有可能的方法在 javascript 中获得最简单的动画而不使用 Jquery、settimeout 和 setinterval。我已经研究了太久了,却找不到任何东西。可能没有办法做到,只是想知道。也在寻找跨浏览器的东西,所以 CSS 动画也不起作用。

最佳答案

现在执行大多数动画的“正确”方法是使用 window.requestAnimationFrame,它的作用类似于 setTimeout,因为它在指定时间运行回调函数。

它经过优化,可以以 60fps 运行,并且在某些浏览器 (FF) 中,它会为您提供距离下一次绘制的确切毫秒数,以便您可以非常精确地计算动画位置。

Google“requestAnimationFrame shim”用于旧版浏览器的各种跨浏览器实现。这些垫片都使用 setTimeout — 没有办法解决这个问题。

关于没有 jquery/settimeout/setinterval 的 JavaScript 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10544148/

相关文章:

javascript - 如何路由用户并将参数保留在 URL 中

javascript - Firebase 推送 promise 永远无法解决

javascript - 覆盖点击关闭菜单需要双击而不是单击

javascript - 如何使用 jquery 将 div 动画化为不同的方向并淡出

javascript - x3dom - 如何制作缩放按钮?

javascript - 如何引用存储在数组中的变量而不是其值?

javascript - Jquery和PHP,自动完成

javascript - 如何让div中的图片从右向左显示

php - 无法使用 PHP 进行 AJAX post 工作

Heroku 上的 Javascript Assets 编译错误