JSFiddle - React, Tailwind, and code Playground

by thundercracker

HTML

<div id="ctrl">
<span>&nbsp;</span>
</div>

CSS

div {text-align: center; width: 180px; border: 1px #333 solid; padding 5px; height: 90px}
span {display: block; border: 1px #f00 solid; padding: 5px; margin: 4px}

JavaScript

$(document).ready(function(){
        var text = "this is some text",
            cnt = 0;
        
        appearLoop = setInterval((function(text, cnt){
            return function(){
                $('#ctrl span').append(text[cnt]);
                cnt++
                    
                if(cnt > text.length) clearInterval(appearLoop);
            }
         })(text, cnt), 300);
    });