Какую информацию я могу получить из метода animate step jQuery на каждом шаге? - PullRequest
Новая
       2

Какую информацию я могу получить из метода animate step jQuery на каждом шаге?

1 голос
/ 15 июля 2010


У меня есть вертикальный пояс для отзывов, и у меня есть этот метод, который анимирует его значение top с вычисленным значением (в зависимости от высоты текущего отзыва) каждые несколько секунд.

Теперь, когда пользователь наводит курсор на него, он сразу же останавливается (через .stop(), а интервал очищается через clearInterval(idOfinterval)
Но я все еще хочу знать, сколько еще пикселей осталось анимировать, прежде чем оно внезапно остановится.

Итак, я посмотрел в документации и увидел, что есть метод 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);
}

Итак, мои главные вопросы

Какую информацию я могу получить из параметров, переданных методу step?
и выполняет ли обратный вызов каждый интервал анимации?

1 Ответ

2 голосов
/ 15 июля 2010

Похоже, что символом "это" будет элемент, к которому был вызван animate. Первый параметр для обратного вызова выглядит как значение свойства, анимированного на этом шаге. Второй параметр - это объект, который выглядит следующим образом:

  • elem : элемент animate был вызван на
  • end : (угадайте) значение свойства после завершения анимации
  • сейчас : (угадайте) значение свойства на этом шаге
  • параметры : исходные параметры, которые вы передали в анимацию.
  • pos : (угадать) положение чего-либо
  • prop : (угадайте) свойство, действующее на этом шаге. Если имеется несколько изменений свойств, возможно, для каждого из них есть шаг.
  • start : (угадайте) значение свойства при запуске анимации
  • startTime : (угадайте) время в мс, с которого началась анимация.
  • состояние : число с плавающей точкой от 0 до 1, указывающее, насколько близко анимация завершена.
  • unit : единица измерения значения свойства (например, 'px').
...