JSFiddle - React, Tailwind, and code Playground

by darkk6

HTML

<button> Start </button>
<div id="no1"> 1 :</div>
<div id="no2"> 2 :</div>
<div id="no3"> 3 :</div>

JavaScript

$(document).ready(function(){
    $("button").click(function(){
        setTimeout(timerFunc,200,$("#no1"),10,200);
        setTimeout(timerFunc,250,$("#no2"),10,250);
        setTimeout(timerFunc,300,$("#no3"),10,300);
    });
});

function timerFunc(jqObj,repeatTimes,nextTime){
    var ch='@';
    if(jqObj.attr('id')=="no2") ch="#";
    else if(jqObj.attr('id')=="no2") ch="$";
    
    jqObj.html(jqObj.html()+ch);
    
    repeatTimes--;
    if(repeatTimes>0) {
        setTimeout(timerFunc,nextTime,jqObj,repeatTimes,nextTime);
    }
}