我可以从每个步骤的 jQuery 动画步骤方法中获得哪些信息？

Question

我有一个垂直的推荐带，我有这个方法，每隔几秒用计算值（取决于当前推荐的高度）为其 top 值设置动画。

现在，当用户将鼠标悬停在其上时，它会立即停止（通过 .stop() ，并且还通过 clearInterval(idOfinterval) 清除间隔
但我仍然想知道在突然停止之前它还剩下多少像素可以进行动画处理。

所以我查了一下文档，我发现有一个步骤 具有回调的方法，可以为我提供有关动画每个（？）步骤的信息。

查看部分代码

 //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);
}

所以我的主要问题是

我可以从传递给 step 方法的参数中获取哪些信息？

它是否会在动画的每个间隔回调？

Answer 1

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

• elem：元素 animate 在
• end 上被调用：（猜测）动画完成时属性的值
• now：（猜测）此步骤中属性的值
• options：您传递给 animate 的原始选项。
• pos：（猜测）某物的位置
• prop：（猜测）该属性在此步骤中起作用。如果有多个属性更改，则每个属性可能都有一个步骤。
• start：（猜测）动画开始时属性的值
• startTime：（猜测）动画开始的时间（以毫秒为单位）。
• 状态：从 0 到 1 的浮点数，指示动画距离完成的程度。
• 单位：属性值的单位（例如“px”）。