JSFiddle - React, Tailwind, and code Playground

by aminur

HTML

<span id='animatorDiv'>
10
</span>

JavaScript

var t = setInterval(animateCount, 3000);

function animateCount() {
  var dataBeforePost = 10;
  var dataAfterPost = 50;
  $('#animatorDiv').prop('Counter', dataBeforePost).animate({
    Counter: dataAfterPost
  }, {
    duration: 1000,
    easing: 'swing',
    step: function(now) {
      $('#animatorDiv').text(Math.ceil(now));
    }
  });
}