Jquery动画没有第二次运行

Question

我有一个圆形的进度条。它第一次从0％平稳运行到40％。当我更新一个值（例如+ 10％）时，进度条从40％变为50％，但不顺利，它直接进入，而不是我设置的持续时间。所以功能正在运行但不是第二次运行的动画。我非常感谢任何提示/指示。为什么它不会在第二次（或第三次，第四次）运行中为进度制作动画？

我更新新值，然后用：

调用该函数

$(this).UpdateCircle('zero');

功能：

//startmode = 'start' (from 0) or 'current' (from current value)
$.fn.extend({
UpdateCircle: function (startmode='') {

        var $original = $(this);

        var percentage = parseFloat(($(this).data('count')/$(this).data('totalcount'))*100);

        if(startmode=='zero') { var startvalue = 0; durationtime = 1500; }
        else { var startvalue = percentage; var durationtime = 2500; }

        $({value: startvalue}).animate({value: percentage }, {
            duration: durationtime,
            easing:'swing',
            step: function() 
            {
                $original.val(Math.ceil(this.value)).trigger('change');
            }
        });
}
});