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

FIDDLE ​