¿cómo hacer que se pare una función mediante un evento?

[alexg88]

El código en sí es muy simple y para el caso que aplica sí es necesario usar funciones anónimas. Son necesarias para poder realizar una función reutilizable.

Se puede realizar una función que sólo sirva para un elemento (pero no es reutilizable) y que no usa funciones anónimas en la parte del setInterval (aunque sí para asignar los eventos onmouseover y onmouseout)

Código Javascript:

window.onload = function()
{    
    blink();
}
 
function blink_aux()
    {      
            var element = document.getElementById("textoParpadeante");
            element.style.visibility = (element.style.visibility == "visible") ? "hidden" : "visible";
    }
 
function blink()
{
    var id;
    
    id = setInterval(blink_aux, 500);
    
    element.onmouseover = function()
    {
        clearInterval(id);       
    }
    
    element.onmouseout = function()
    {
        id = setInterval(blink_aux, 500);
    }    
}
 

Si encuentras alguna otra forma, no dudes en ponerla.

Un saludo.