js動畫的幾個基礎函數

其實也叫easing 函式，如下：

/** * 緩慢移動效果演算法 *@param t {number} current time（目前時間）； *@param b {number} beginning value（初始值） 置0，即b=0； *@param c {number} change in value（變化量） 置1，即c=1； *@param d {number} duration（期間）  置1，即d=1。 */var Easing = { // Quad | Cubic | Quart | Quint |||| Sine | Expo | Circ'ease':function (t) {return ( -Math.cos(t * Math.PI) / 2 ) + 0.5; // (-Math.cos(pos*Math.PI)/2) + 0.5  (sinusoidal)},'linear':function (t) {return t;//c*t/d + b;},'ease-in':function (t) {return t * t;//c*(t/=d)*t + b},'ease-out':function (t) {return ( 2 - t) * t;//-c *(t/=d)*(t-2) + b},'ease-in-out':function (t) {return (t *= 2) < 1 ?.5 * t * t :.5 * (1 - (--t) * (t - 2));//(t/=d/2) < 1? c/2*t*t + b : -c/2 * ((--t)*(t-2) - 1) + b;},'ease-in-strong':function (t) {return t * t * t * t;//c*(t/=d)*t*t*t + b  (quartEaseIn)},'ease-out-strong':function (t) {return 1 - (--t) * t * t * t;//-c * ((t=t/d-1)*t*t*t - 1) + b},'ease-in-out-strong':function (t) {return (t *= 2) < 1 ?.5 * t * t * t * t :.5 * (2 - (t -= 2) * t * t * t);//(t/=d/2) < 1) ? c/2*t*t*t*t + b : -c/2 * ((t-=2)*t*t*t - 2) + b}};