JSFiddle - React, Tailwind, and code Playground

by russcam

HTML

<div id="output"></div>

JavaScript

var myArray = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],
    output = $('#output');

// set the queue up
$.each(myArray, function (j, dataitem) {
    output.queue('queue', function(next) { 
        var that = this;
        showDetails(dataitem);  
        window.setTimeout(next,300);
    }); 
});

// start the queue running.
output.dequeue('queue');

function showDetails(dataitem) {
    output.append('<div>' + dataitem + '</div>');
}