上一篇讲了JS动画定时器的知识。本文介绍缓动函数和流行的动画库。熟悉的图其实用jqueryanimate()+jquery.easing插件用法：$(selector).animate(styles,speed,easing,callback)原生js用法：张新旭的文章缓动函数知识什么是缓动函数？我的理解是动画参数结合数学公式的函数。各种流行库的缓动函数比较，以easeInQuad为例，如图：Tween.jsjQuery.easingGSAPCreateJSKute.js};分析比较结果的基本数学公式是一样的，都是2的次方；easing函数是独立的，与平台载体无关；easing函数体现了动画过程与数值变化的对应关系。变化量就是增加量越来越大，效果由慢变快。与定时器无关，具体进化代码分析如下：左边的演示是由于算法的二次方，每次过程增加1/5，但是变化量越来越大；右边的演示是虽然定时控制器变了（间隔加倍，“tick”执行从五次变成十次），但是变化量的趋势是一样的，一样的过程增量对应相同的变化量。动画库基本上做了四件事：1、定时器；2、各种属性变量处理的封装；3、过程控制；4、缓动功能。实践中，还是推荐大家使用动画库。如果不满足业务需求，可以自己集成。当然，大家在学习的时候，可以找一个简单的源码阅读，尝试自己写下核心功能，深入理解动画库的精髓。我推荐它作为入门。酷特。js。动画库推荐（各自的优缺点和区别下次会详细介绍）jqueryanimate(pluginjquery.easing.js)Tween.jsGSAPCreateJSKute.js
