代码之家  ›  专栏  ›  技术社区  ›  adardesign

在每个步骤中,我可以从jquery的animate step方法获得哪些信息?

  •  1
  • adardesign  · 技术社区  · 14 年前


    我得到了一个垂直的评价带,我有一个方法可以使它 top 每隔几秒钟计算一次值(取决于当前证明的高度)。

    现在,当用户悬停在它上面时,它会立即停止(通过 .stop() 间隔也通过 clearInterval(idOfinterval)
    但我仍然想知道在它突然停止之前它还剩下多少像素需要动画。

    所以我查了一下 documentation 我看到有一个 step 方法,该方法具有回调并可以为我提供有关每个(?)的信息动画的步骤。

    参见部分代码

     //in middle of a object literal
      animate:function(){
        animAmmount = someCalculation;
        testimonialsBelt.parentElment.animate({
        top:"-="+howMuchIsLeft||animAmmount+"px"},
        {step:function(step){
             //here i am trying to get how much px it has moved so far
               currTopVal = step;
               console.log("currTopVal", currTopVal);
            // i get some numbers, and i have no idea from where it got them 
           }
       },
       calculatedSpeed);
    }
    

    所以我的主要问题是

  • 我可以从传递给 方法?
  • 它会回拨吗 每个 动画的间隔?
  • 1 回复  |  直到 12 年前
        1
  •  2
  •   tunesmith    12 年前

    看起来“this”符号将被调用的元素animate。回调的第一个参数看起来像此步骤中动画属性的值。第二个参数是如下所示的对象:

    • ELEM :已调用元素动画
    • 结束 :(猜测)动画完成时属性的值
    • 现在 :(猜测)此步骤中属性的值
    • 选项 :传递给animate的原始选项。
    • 销售时点情报系统 (猜猜)某物的位置
    • 支柱 :(猜测)在此步骤中对属性进行了操作。如果有多个属性更改,则可能每个更改都有一个步骤。
    • 开始 :(猜测)启动动画时属性的值
    • 开始时间 :(猜测)动画开始的时间(毫秒)。
    • 状态 :从0到1的浮动,指示动画接近完成的程度。
    • 单元 :属性值的单位(例如“px”)。