JSFiddle - React, Tailwind, and code Playground

HTML

<div id='result1'>r1:</div>
<br>
<div id='result2'>r2:</div>

JavaScript

for (var i = 3; i > 0; i--) {
    (function(i){
        var $r = $('#result1');
        setTimeout(function(){
          $r.html($r.html() + i);
        },i*1000)
    })(i)
}
for (var i = 1; i <= 3; i++) {
    (function(i){
        var $r = $('#result2');
        setTimeout(function(){
          $r.html($r.html() + i);
        },i*1000)
    })(i)
}