JSFiddle - React, Tailwind, and code Playground

by klarstil

HTML

Upload erfolgt<span class="flashing-dots">...</span>

JavaScript

;(function($) {
    var flashingDots = function(el) {
        var dots = el.data('default-value') || el.html(),
            i = 0;
        if(!el.data('default-value')) {
            el.data('default-value', el.html());
        }
        
        return {
            el: el,
            interval: setInterval(function() {
                el.html(dots.substring(0, i % 4));
                i += 1;
            }, 200)
        }
    };
    
    var flashing = flashingDots($('.flashing-dots'));
    window.setTimeout(function() {
        flashing.el.html('!');
        clearInterval(flashing.interval);
    }, 2000);
    
})(jQuery);