JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="text_cont_inner">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in rutrum felis, non varius nibh. Praesent congue mauris id lectus suscipit, vel tempor mi vulputate. Integer ac semper metus. Donec tortor tellus, ornare nec vestibulum commodo, hendrerit sit amet urna. Proin mattis turpis id congue posuere. Curabitur volutpat est sit amet lorem faucibus luctus. Integer dapibus mauris nibh, ac dictum turpis sagittis rutrum. Donec venenatis ut nisi id sagittis. Praesent hendrerit non nunc nec commodo. Duis non lacus mattis, finibus odio at, convallis neque. Maecenas est quam, fermentum id enim et, interdum porttitor augue. Aenean ut libero et turpis lobortis dictum. Pellentesque quis imperdiet leo.
</div>

JavaScript

$(function() {
  /*var a = new String;
  a = $('.text_cont_inner').text();*/
  $('.text_cont_inner').text('');
  var c = a.length;
  j = 0;
  setInterval(function() {
    if (j < c) {
      $('.text_cont_inner').text($('.text_cont_inner').text() + a[j]);
      j = j + 1;
    } else {
      $('.text_cont_inner').removeClass('after')
    }
  }, 150);
});