JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div id="a"></div>

JavaScript

var tl = new Array(
  "<strong>dummyData1</strong> ",
  "<strong>dummyData2</strong> ",
  "<strong>dummyData3</strong> ",
  "<strong>dummyData4</strong> ",
  "<strong>dummyData5</strong> ",
  "<strong>dummyData6</strong> ",
  "<strong>dummyData7</strong> ",
  "<strong>dummyData8</strong> ",
  "<strong>dummyData9</strong> "
);

/*$('document').ready(function() {
  var i = 0;
  setInterval(function() {
    $('#a').append(tl[i]);
    i++;
  }, 2000);
});*/

/*$('document').ready(function() {
  var i = 0,
    $a_div = $("#a");
  var counter_int = setInterval(function() {
    $a_div.append(tl[i]);
    if (i == $a_div.length - 1) clearInterval(counter_int);
    i++;
  }, 2000);
});
*/

$('document').ready(function() {
  var i = 0;
  var counter_int = setInterval(function() {
    $('#a').append(tl[i]);
    if (i == tl.length - 1) {
    	clearInterval(counter_int);
      console.log('clearInterval');
     }
    i++;
  }, 1000);
});