JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test1">0</div>
<div id="test2">0</div>
<div id="test3">0</div>
<div id="test4">0</div>
<div id="test5">0</div>
JavaScript
function rotate(arr, idx, max) {
var i = 0;
var item = arr[idx];
return function () {
var currentContent = parseInt(item.innerHTML, 10);
currentContent += 1;
item.innerHTML = currentContent;
if (++i == max) clearInterval(ids[idx]);
}
}
var arr = [
document.getElementById("test1"),
document.getElementById("test2"),
document.getElementById("test3"),
document.getElementById("test4"),
document.getElementById("test5")
];
var ids = new Array(5);
for (var i = 0; i < 5; ++i) {
ids[i] = setInterval(rotate(arr, i, 200), 10);
}