JSFiddle - React, Tailwind, and code Playground

by Nenad Novakovic

HTML

<div id="da_count">We have <span class="da_remain">560</span> 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);