一个新的动画接口: requestAnimationFrame

最新推荐文章于 2024-11-08 16:04:36 发布

weixin_30655219

最新推荐文章于 2024-11-08 16:04:36 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lbsgood/archive/2012/06/04/2534279.html

本文介绍了在现代网页动画中使用requestAnimationFrame替代传统的setInterval函数，以提高动画的流畅性和性能，通过统一帧管理和监听帧的API实现更高效、更平滑的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

传统的 javascript 动画无非就是用setInterval函数来实现，这对于简单或对流畅性要求不高时不会有什么问题，但现在随着对用户体验的关注度不断提高，对动画的复杂程度和流畅性都有了更高的要求，传统动画显得捉襟见肘了。为解决此问题浏览器提供了一个统一帧管理、提供监听帧的API，即requestAnimationFrame……

参考：http://www.cnblogs.com/rubylouvre/archive/2011/08/22/2148797.html

window.requestAnimFrame = (function(){
	return  window.requestAnimationFrame       ||
	  window.webkitRequestAnimationFrame ||
	  window.mozRequestAnimationFrame    ||
	  window.oRequestAnimationFrame      ||
	  window.msRequestAnimationFrame     ||
	  function(/* function */ callback, /* DOMElement */ element){
	  	window.setTimeout(callback, 1000 / 60);
	  };
})();

requestAnimFrame

转载于:https://www.cnblogs.com/lbsgood/archive/2012/06/04/2534279.html