JSFiddle - React, Tailwind, and code Playground

by Dhiraj Bodicherla

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

$(document).ready(function () {
    var ticker;
    startCounter();
});

function startCounter() {
    ticker = $('.tick').ticker({
        delay: 1000,
        incremental: 1,
        separators: true,
    });
}
var myCounter = setInterval(function resetCounter() {
    var lsCurrentTick = $('.tick').find('.tick-new').text();

    if (lsCurrentTick > 5003) {
        reset();
    }
}, 1000);
function stop(){
    ticker[0].stop();
}
function reset(){
    ticker[0].stop();
    ticker[0].value = 5000;
    ticker[0].start();
}