Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/05/2013, 12:34
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 2 meses
Puntos: 22
Sonrisa ¿cómo hacer que se pare una función mediante un evento?

En mis anteriores posts he sido muy prólijo en los detalles. Para no cansar al lector con cosas acerca de, por ejemplo, cómo he intentado solucionar mi problema actual, sólo voy a mencionar la bronca exacta.

Tenemos un efecto blink creado con javascript (después de aprender a hacer esto, me entero que existe una función javascript llamada blink() ):
Código Javascript:
Ver original
  1. function parpadear()
  2.     {
  3.         with ( document.getElementById("textoParpadeante").style )
  4.         {
  5.             visibility = (visibility == "visible")?"hidden":"visible";
  6.         }
  7.     }

Ahora aplicamos esta función a un link:

Código HTML:
Ver original
  1. <body onload='setInterval("parpadear()", 500);'>
  2.  
  3. <a href="#" id="textoParpadeante">Este link no debe parpadear cuando tiene el cursor encima!</a>
  4. </body>

El resultado es que este link parpadea todo el tiempo. Pero supongamos que no queremos que el link parpadee cuando ponemos el cursor encima.
Es decir, cuando suceda el evento onmouseover en el link, ¿cómo podríamos hacerle para que la función parpadear() se detenga?