JSFiddle - React, Tailwind, and code Playground

by DelphinPRO

HTML

<div id="output">

</div>

CSS

body {
  padding: 1rem;
  background: #222;
  color: lime;
  font-size: 20px;
  font-family: monospace;
}

JavaScript

const str = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis, beatae, porro. Consequuntur molestias illo, veniam voluptate, officiis consectetur, quibusdam ad atque voluptatum, accusamus nam tenetur vero mollitia nisi at ut.';

const arr = str.split('');
let index = 0;
let h = setInterval(function() {
  if (index >= arr.length) {
    output.innerHTML = '';
    index = 0;
  }

  output.innerHTML += arr[index++];
}, 100);