JSFiddle - React, Tailwind, and code Playground

by alexg88

HTML

<body>
 
<a href="#" id="textoParpadeante" >Este link no debe parpadear cuando tiene el cursor encima!</a>
    <a href="#" id="textoParpadeante2" >Este link no debe parpadear cuando tiene el cursor encima!</a>
</body>

JavaScript

window.onload = function()
{    
    blink(document.getElementById("textoParpadeante"));
    blink(document.getElementById("textoParpadeante2"));
}

function blink_aux(element)
    {      
            element.style.visibility = (element.style.visibility == "visible") ? "hidden" : "visible";
    }

function blink(element)
{
    var id;
    
    id = setInterval(function(){blink_aux(element);}, 500);
    
    element.onmouseover = function()
    {
        clearInterval(id);       
    }
    
    element.onmouseout = function()
    {
        id = setInterval(function(){blink_aux(element);}, 500);
    }    
}