JSFiddle - React, Tailwind, and code Playground

by julianlam

HTML

<blink>test</blink>

<blink>BLINKER ON</blink>

<blink>BLINKER OFF</blink>

JavaScript

blink = {
    show: function(el) {
        el.style.visibility = 'inherit';
        setTimeout(function() {
            blink.hide(el);
        }, 1000);
    },
    hide: function(el) {
        el.style.visibility = 'hidden';
        setTimeout(function() {
            blink.show(el);
        }, 1000);
    }
}

var blinks = document.querySelectorAll('blink'),
    numBlinks = blinks.length;

for(var x=0;x<numBlinks;x++) {
    console.log(blinks[x]);
    blink.show(blinks[x]);
}