JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<div data-content="fus" data-delay="1000" class="dv"></div>
<div data-content="ro" data-delay="2000" class="dv"></div>
<div data-content="dah" data-delay="5000" class="dv"></div>

CSS

div
{
    border: 1px solid black;
    width: 5em;
    height: 1.5em;
    text-align: center;
    font-family: Arial;
    margin: 5px;
    font-size:10px;
}

JavaScript

$("div[data-content^=]").each(function(){
    var content = $(this).attr('data-content'),
    $this = $(this);
    setTimeout(function() {
       $this.html(content);
    }, $this.attr('data-delay'));
});