jquery 动画数字

Question

我正在尝试为数值设置动画，此场景来自 actionscript 3：

import caurina.transitions.*;

var p1:Point = new Point();
var t:Number =1;
var xv:int=500;
var yv:int=300;

Tweener.addTween(p1, {time: t, x: xv, y: yv, transition: "easeOutElastic", onUpdate:reportPosition });

function reportPosition(){trace(p1);}

我找到了这个主题，效果很好：

Jquery Plugin for animating numbers

但是它没有缓动属性，这会极大地改变场景。

当值被动画化时，使用“easeOut”，它会越过顶部并返回。

这样可以达到这个效果吗？

Answer 1

我创建了一个 jquery 插件，您可以使用它为数字设置动画并使用任何 jqueryui 缓动（您需要自己从 jqueryui.com 获取缓动）：

https://github.com/kajic/jquery-animateNumber