jquery easing中function (x, t, b, c, d)这几个参数都表示什么?

艾边成 发布于 2014/09/24 14:26
阅读 2K+
收藏 1
jquery easing中function (x, t, b, c, d)这几个参数都表示什么?
加载中
0
会员
会员

t: current time,  当前时间

b: begInnIng value,  开始值

c: change In value,  结束值 - 开始值

d: duration 总消耗时间

x: 其实就是return的结果,传入0即可


比如: 希望top从100px到150px,在500ms内完成

var easeInQuad = function (x, t, b, c, d) {
	return c*(t/=d)*t + b;
},

var d = 500,b = 100,c = 150 - b;
var count = d / 20; //500毫秒分多少次执行完毕
setInterval(function(){
	var x = easeInQuad(0, d - (count-- * 20) , b, c, d);
	//return 的结果便是每个时间片,top的值
}, 20);
//一般浏览器的timer最小是20(这是windows底层的CPU时间决定的!)




艾边成
艾边成
很感谢!
艾边成
艾边成
函数计算后return的结果是什么?是当前所用时间吗?
1
emanruoy
emanruoy

补充:

t: current time,  当前时间 ,应该也可以理解为相对于开始时间逝去的时间量(或毫秒数)

d: duration 总消耗时间 ,应该可以理解为整个动画用多长时间量(或毫秒)来完成

0
醉生梦死_
醉生梦死_
同问,求大神答~~~~~~
返回顶部
顶部