• HTML
• CSS
• JS

HTML

<div class="container-number" id="contNumber"></div>

CSS

body{
    font-family:sans-serif;
}
.cn-number{
    width:2.2rem;
    margin:0rem auto;
    color:#48c9b0;
    font-size:4rem;
    font-weight:700;
}

JS

$(function(){
    
    var num  = 9;//config
    var i    = 0;
    
    var si = setInterval(function(){
       i++;
       if(i==num){
          $("#contNumber").html('<div class="animate__animated animate__heartBeat cn-number">+'+i+'</div>');
            clearInterval(si);
       }else{
           $("#contNumber").html('<div class="animate__animated animate__bounceIn cn-number">'+i+'</div>');
       }
      
   },200);
   
});