JSFiddle - React, Tailwind, and code Playground

HTML

<div id="odometer" class="odometer">0</div>

CSS

</style><!-- This closes the open style tag above. Just a jsFiddle thing. Please ignore. -->


<!-- Odometer includes -->
<link rel="stylesheet" href="http://github.hubspot.com/odometer/themes/odometer-theme-minimal.css" />
<script>
window.odometerOptions = {
  duration: 10 * 1000
  //,animation: 'count'
};
</script>
<script src="http://github.hubspot.com/odometer/odometer.js"></script>

<!-- Extra styles for this example -->
<style>
.odometer {
    font-size: 100px;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition-duration: 10s !important;
  -moz-transition-duration: 10s !important;
  -ms-transition-duration: 10s !important;
  -o-transition-duration: 10s !important;
  transition-duration: 3s !important
}

JavaScript

setTimeout(function(){
    odometer.innerHTML = 123;
}, 100);