zoukankan      html  css  js  c++  java
  • 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";
    }


     

  • 相关阅读:
    CompletableFuture使用
    ThreadLocal(Java)
    Java多线程高并发(读写锁ReentrantReadWriteLock)
    Java post和get请求的封装(copy直接用)
    Java多线程死锁举例
    Java Socket分发服务负载均衡
    CountDownLatch倒计时器
    Java数据结构(线性表-->顺序表简单实现)
    JavaFuture模式
    matplotlib总结
  • 原文地址:https://www.cnblogs.com/Mygirl/p/2236333.html
Copyright © 2011-2022 走看看