javascript setTimeOut方法 实现滑动效果(类似2D加速)

setTimeOut方法跟参数如下:

function test(str,str2) {   
alert(str+" "+str2);
setTimeout("test('"+str+"','"+str2+"');",1000);
}
var hello = "hello,你好!";
test(hello,"Mygirl")

滑动效果代码如下:

var focusMovePosition = [[438,425],[554,425]];
var curFocusTopTimeout=0;
var curMovePosition =438;
var endMovePosition = 0;
function funKeyPressLeft(){
focusNumber --;
if(focusNumber < 0)focusNumber = 1;
//$("focus").style.webkitTransitionDuration = "300ms";
//$("focus").style.left = focusMovePosition[focusNumber][0];
if(438 == focusMovePosition[focusNumber][0]){
$("focus").style.left = focusMovePosition[focusNumber][0] + "px";
}
endMovePosition = focusMovePosition[focusNumber][0];
fnMoveFocus();
}
function fnMoveFocus(){
if(curFocusTopTimeout > 0)
clearTimeout(curFocusTopTimeout) ;
if(curMovePosition==endMovePosition){
}
else{
              //下面这句是实现滑动的代码
curMovePosition += Math.ceil(Math.abs(endMovePosition - curMovePosition)/3) * ((endMovePosition - curMovePosition)/Math.abs(endMovePosition - curMovePosition)) ;
funSetCurTop() ;
curFocusTopTimeout = setTimeout(fnMoveFocus,30) ;
}
}
function funSetCurTop(){
$("focus").style.left = curMovePosition +"px";
}


 

原文地址:https://www.cnblogs.com/Mygirl/p/2236333.html