JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://harvesthq.github.io/tick/tick/css/tick.css">
<script src="http://harvesthq.github.io/tick/tick/js/tick.js"></script>
<span class="tick tick-flip tick-promo">5,000</span>
JavaScript
$(startCounter);
function startCounter() {
tickObj = $('.tick').ticker({
delay: 1000,
incremental: 1,
separators: true
})[0];
tickObj.tick = (function (tick) {
return function () {
var ret = tick.call(tickObj);
if (tickObj.value > 5002) {
tickObj.stop();
tickObj.value = 5000;
tickObj.start();
}
return ret;
};
}(tickObj.tick));
}