JSFiddle - React, Tailwind, and code Playground

by jonathon

HTML

<ol id="mylist">
</ol>

CSS

li{
    background-color: #cc9900;  
    margin: 3px;
    padding: 3px;
}

JavaScript

var itemCount = 1;

function addItem() {
    newItem = $("<li>Item " + itemCount + "</li>").hide();
    
    $("#mylist").prepend(newItem);
    
    newItem.fadeIn();

    itemCount++;
    setTimeout(addItem, 3000);
}

setTimeout(addItem, 3000);