JSFiddle - React, Tailwind, and code Playground

HTML

<div id='cont'>
    <div id='text'></div>
    <div class='str' style='display:none;'></div>
</div>

JavaScript

$(function () {
    _animate(); // когато зареди документа
    // да се изпълни тази функция
    
});
// функцията .. 
function _animate()
{
    var i=0; // зануляваме броча 
    // отваряме един интервал в който ще намърдаме код, които да се изпълнява през определ брой мили сек. и го слагаме в променлива
    // за да може после ДА ГО СПРЕМ ..
    var interval = setInterval(function () {
         var randomString = _str(Math.random()*10000*i); // генерираме тоя рандом стринг като на гиф-а
        $("#cont .str").html(randomString).fadeIn(); // прикрепяме го в тва дивче с клас 'str'
        i++; // увеличаваме брояча
        if(i%10==0) // ако брояча се дели на 20 и има остатак 0 .. 
        {
             $('#cont #text').append("Съдържание "+i+" .. ;d  <br />"); // тука може да си прекрепиш твоето съдържание .. 
        }
        if(i == 100) // и казваме ако стине до 100, да спре щото все пак натоварва
        {
             // и за да го спрем, трябва да 
            // премахнем тоя интервал
            // и ползваме тая функция
            clearInterval(interval);
            i=0; // занулаваме брояча за всеки случай
             // и казваме че всичко сварши .. 
            // може да го махнеш тоя ред ако не искаш да пише нищо като сварши .. 
            $('#cont #text').append("Свърши ..   <br />");
            
            // а с този ред скриваме този рандом стринг, и си го оставяме за после .. :)
             $("#cont .str").html('').hide();            
        }
        
    }, 200);
}

function _str(txt)
{
    return window.btoa(txt); // тва генерира тоя рандом стринг
}