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/archive/2011/11/04/2236333.html