jquery animate number

Question

I am trying to animate a number value, this scenario from 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);}

I found this topic, and it works excellent:

Jquery Plugin for animating numbers

However it doesnt have easing property, which changes the scenario quite drastic.

With 'easeOut' when value is animated, it goes over the top and comes back.

Is this possible to achieve this effect?

Answer 1

I have created a jquery plugin with which you can animate numbers and use any jqueryui easing (you need to get the easing yourself from jqueryui.com):

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