jquery - jQuery - CSS 値ではなく、JS のグローバル変数だけをアニメーション化する

Question

jQuery.animate を使用して JS でグローバル変数をアニメーション化する方法はありますか? 私はこのようなことを意味します：

var FlashPlayerVolume = 0.0;

$jQuery.Animate( {FlashPlayerVolume: 1.0}, 200 );

出来ますか？

Answer 1

あまり良いアイデアとは思えませんが、質問に答えると、はい、組み込みの $.fx.step メソッドを使用して何でもアニメーション化できます。

これを行う最も簡単な方法は、非表示の要素または何かで任意の値をアニメーション化して、次のようにすることです。

var FlashPlayerVolume = 0.0;

$('div').css('font-size', 0.0).animate({ fontSize: 1.0 }, {
    duration: 3000,
    step: function(now, fx) { 
        FlashPlayerVolume = now;
        console.log(FlashPlayerVolume);
    }
});

フィドル </p>