JSFiddle - React, Tailwind, and code Playground
HTML
<div id="da-count">We only have <strong><span id="da-remain">115</span></strong> itunes gift 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 daRemain = document.getElementById("da-remain"),
daCurrent = parseInt(daRemain.innerHTML),
daLeft = parseInt(sum),
daSplit = daCurrent - daLeft;
var daCount = setInterval(function () {
daRemain.innerHTML = daCurrent - 1;
daCurrent -= 1;
if (daCurrent == daSplit) clearInterval(daCount);
}, 2150);
}
// Trigger function after 600 milliseconds
setTimeout(function () {
daCounter(342);
}, 600);