JSFiddle - React, Tailwind, and code Playground

by Nenad Novakovic

HTML

<div id="da_count">
    We have <span class="da_remain">560</span> codes left in stock.
</div>

CSS

#da_count {
    font-family: 'Helvetica', sans-serif;
    font-weight: 300;
    color: #222;
    margin: 12px 0;
}

.da_remain {
    font-weight: 400;
    color: #c99;
}

JavaScript

function daCounter (sum) {
    var daCurrent = parseInt($(".da_remain").text()),
        daLeft    = parseInt(sum),
        daSplit   = daCurrent - daLeft;
    
    var daCount = setInterval(function () {
        $(".da_remain").html(daCurrent - 1);
        
        daCurrent -= 1;
        
        if (daCurrent == daSplit)
            clearInterval(daCount);
    }, 50);
}

setTimeout(function () {
    daCounter(342);
}, 600);