基于时间的动画函数

基于时间的动画函数是适用于大多数情况，避免了由于页面切换造成的动画不连贯现象，同时jquery内部也使用的这种方法。下面是源码，结合源码看一下就明白了。

Linear：无缓动效果(匀速运动)；
Quadratic：二次方的缓动；
Cubic：三次方的缓动
Quartic：四次方的缓动；
Quintic ：五次方的缓动；
Sinusoidal：正弦曲线的缓动；
Exponential：指数曲线的缓动；
Circular：圆形曲线的缓动；
Elastic：指数衰减的正弦曲线缓动；
Back：超过范围的三次方缓动）；
Bounce：指数衰减的反弹缓动。
每个效果都分三个缓动方式（方法），分别是：
easeIn：从0开始加速的运动；
easeOut：减速到0的运动；
easeInOut：前半段从0开始加速，后半段减速到0的运动。
函数的四个参数分别代表：
t--- current time（当前时间）；
b--- beginning value（初始值）；
c--- change in value（变化量）；
d---duration（持续时间）
运算的结果就是当前的运动路程。可以看到，只有t-current-time是能变化的，这样就支持了根据时间来实现动画。