JSFiddle - React, Tailwind, and code Playground

by omarjuvera

HTML

<div class="blink">Flashing Text</div>

JavaScript

//Blink settings
var blink = {
    obj: $(".blink"),
    timeout: 15000,
    speed: 1000
};

//Start function
blink.fn = setInterval(function () {
    //fadeToggle will sometimes hide the element when stoping the animation.
    blink.obj.fadeOut(blink.speed).fadeIn(blink.speed);
}, blink.speed + 100);
//End blink after 'blink.timeout' millisecons
setTimeout(function () {
    clearInterval(blink.fn);
    blink = null;
}, blink.timeout);