jQueryのanimateの関数の変数nowとtween

Question

jQueryにて以下のようなコードを参考書にて確認しました。

$(function(){
  var value = 0.5;
  
  $('.third')
  .on('mouseenter mouseleave','.btn-action',function(event){
    event.preventDefault();
    var opacityValue;
    if(event.type == 'mouseenter'){
      opacityValue = value;
    } else {
      opacityValue = 1;
    }
    
    $(this).find('img')
    .animate(
      {opacity:opacityValue},
      {
        duration:500,
        step:function(now,tween){
          var rotate = 'rotate(' + (1 - now) * (360 /value) + 'deg)';
          $(this)
          .css({
            '-wevkit-transform':rotate,
            'transform':rotate
          });
        }
      }
    )
  });
});

上記のコードでimgタブの画像がマウスをかざしたら回転したのですが
マウスをかざすももしくは離すとcssのtransformが適用されるのはわかったのですが

stepの関数のnowとtweenの引数にどのような値が代入されていくのか
また式で使用されているvalueについてはどのような値が代入されるのかわからないです。

日本語のanimate関数のリファレンスをみると「各アニメーション要素の各アニメーションプロパティから呼び出される関数で、 アニメーションのフレームが進むたびに実行する処理を指定することが出来ます。」とあり
何秒か何ミリ秒かわかりませんがアニメーションが進むたびにfunctionを実行するということまで理解できましたが
nowなどの値についての言及がなかったです。

以上です、よろしくお願いいたします。

Answer 1

stepの関数のnowとtweenの引数にどのような値が代入されていくのか

jquery の tween オブジェクトについては文書化されておらず、将来的に廃止される可能性があるため、使わない方が良さそうです。（参考：jQuery - What is a Tween object?）
用途としてはカスタマイズした tweener を登録することで、 独自のアニメーションが行えるようです。

下記記事に少し解説が記載されていました。

■ 独自の tweener を作成してアニメーションをカスタマイズ
http://myjquery.blog.fc2.com/blog-entry-25.html

valueなどの値についての言及がなかったです。

value については単に「value = 0.5」が固定値として使われているのではないでしょうか？

Comments

[Carlos_is_only]

なるほど、valueについては単なる変数でした。
質問したかったのはnowでした、修正します。

[cx20]

now についてはこちらに説明とサンプルがありました。
フレーム毎に step が呼ばれ、その時のアニメーションの状態（0～1）が now に入るようです。

■ animate(params, options) - jQuery 日本語リファレンス
http://semooh.jp/jquery/api/effects/animate/params%2C+options/

[cx20]

now に何が入っているかは
console.log(now);
と入れてみたら確認できるかと思います。