JSFiddle - React, Tailwind, and code Playground

HTML

<div>500<div>

JavaScript

number = $("div").text();
new_number = 1500;

animate_number("div",number,new_number,1,900,10);

function animate_number(selector,number,new_number,speed,dif,number_dif){
    if(number < new_number){
      interval_basket = setInterval(function(){
            if((new_number - number) > dif){
                number = number + number_dif;
            }else{  
               number++;
            }    
            if(number == new_number){
                clearInterval(interval_basket);
            }
            animaate_interval(selector,number);            
        },speed);
    }else{
        interval_basket = setInterval(function(){
           if((number - new_number) > dif){
              number = number - number_dif;
            }else{  
               number--;
            } 
            number--;
            if(number == new_number){
                clearInterval(interval_basket);
            }
            animaate_interval(selector,number);            
        },speed);
    }
}

function animaate_interval(selector,number){
      $(selector).text(number);
}