Почему может некорректно работать анимация числового значения?

Question

[typeyourname]

Решил я себе на страницу наколхозить смастерить анимацию числового значения.
Когда заходишь на страницу, текст такой от 0 и до нужного значения меняется.
Знаю, что это тот ещё треш, но клиентам нравится такой "Разнообразный интерфейс". Но вот при обновлении страницы постоянно делает разные значения при том, что в коде значение всегда одинаковое.
Собственно Код:

function animateValue(element,startValue,endValue){
	let diff=endValue-startValue;
	if(diff>2){
	
		$(element).html(startValue);
		$({ Counter: startValue }).animate({
	Counter: endValue
},{
	duration: 1000,
	easing: 'swing',
step:function(){$(element).text(Math.ceil(this.Counter));}
});
//alert(endValue);
	}
	else{$(element).text(endValue);}
$(element).text(endValue);
}

/*И собственно вызов функции*/
animateValue('test',0,500);

Это не код!Это шедевр. если есть альтернативы, я рад буду о них узнать.
если вариантов нет, то уберу

Comments

[Александр Шипин]

Пример 1
Пример 2
Пример 3

Общий список примеров