F50Parpadeos hechos con JavaScript que no se paran a los 5 segundos

Por qué es importante

Un elemento que parpadea atrae la mirada una y otra vez. A las personas con problemas de atención les impide concentrarse en el resto de la página.

También dificulta la lectura a personas con baja visión o con dislexia. En una ficha de producto con el precio parpadeando, cuesta leer la descripción, que es lo que la persona quería consultar.

Cómo evitarlo

1. Piense si de verdad hace falta el parpadeo. Suele bastar con destacar el texto con color, tamaño o un icono.
2. Si lo usa, programe que se detenga solo antes de 5 segundos. Guarde el temporizador y anúlelo con clearInterval o clearTimeout.
3. Al terminar, deje el contenido visible. No lo deje oculto en la fase «apagada».
4. Si el efecto tiene que durar más, añada un botón visible para pararlo.
5. Respete la preferencia de reducir movimiento con prefers-reduced-motion.

Cómo comprobarlo

1. Cargue la página y mida con un cronómetro cuánto tiempo parpadea cada elemento.
2. Si pasa de 5 segundos, busque un botón o control para detenerlo.
3. Si no se para solo ni hay control, el contenido tiene este fallo.
4. En el código, busque setInterval o setTimeout que cambien visibility, display u opacity sin un final.

Ejemplo

Un aviso que parpadea y se detiene solo a los 4 segundos, y queda visible.

<p id="aviso">Plazo abierto hasta el 30 de octubre</p>
<script>
  const aviso = document.getElementById('aviso');
  const parpadeo = setInterval(() => {
    aviso.style.visibility =
      aviso.style.visibility === 'hidden' ? 'visible' : 'hidden';
  }, 500);
  setTimeout(() => {
    clearInterval(parpadeo);
    aviso.style.visibility = 'visible';
  }, 4000);
</script>