之前写过一个基于setInterval定时执行的动画引擎,在实际的应用当中,经过一些小的修改,感觉还不错。
也许是由于对jq作者的好感(抱歉我一直己不得他的名字,亏我还有他一本书……),在他书中的一段动画代码一直让我念念不忘。大概是下面这个样子:
function someAnimateMethod(arg){
someBox.style.left = arg + "px";
someBox.style.top = arg + "px";
}
for(var i = 0; i < 100; i++){
setTimeout((function(pos){
return function(){ someAnimateMethod(pos); }
})(i), i * 100);
}
someBox.style.left = arg + "px";
someBox.style.top = arg + "px";
}
for(var i = 0; i < 100; i++){
setTimeout((function(pos){
return function(){ someAnimateMethod(pos); }
})(i), i * 100);
}