Texto parpadeante (Blinking Text) con Javascript

....
Quizás lo veas pasado de moda o para muchos se torne un poco molesto el parpadear de un objeto en la pantalla, pero si deseas llamar la atención puedes insertar este texto en algún lugar de tu sitio.

Podrías darle un formato un poco discreto o hacerlo verdaderamente llamativo si modificas un poco el código.

El codigo es el siguiente:

<div id="JavaScript1" style="height: 50px;">
<script>

var blink = 0;
 
function Blink(id)
{
   if (blink%2==0)
   {
      eval('document.getElementById("' + id + '").style.display=""');
   }
   else
   {
      eval('document.getElementById("' + id + '").style.display="none"');
   }
   if (blink<1)
   {
      blink++;
   } 
   else
   {
      blink--;
   }
   setTimeout("Blink('"+id+"')", 500);
}

document.write('<div display="none" id="texto_blink" style="color:#FF0000;font-size:18px;font-family:Arial;font-weight:normal;font-style:normal;text-align:left;">m i B l o g g e r<\/div>');

Blink('texto_blink');
</script>
</div>

Es importante que en la primera línea mantengas un poco de altura:
<div id="JavaScript1" style="height: 50px;">

Puedes controlar el tiempo de parpadeo considerando milisegundos, para el efecto mostrado el parpadeo es cada medio segundo, es decir 500 milisegundos:

setTimeout("Blink('"+id+"')", 500);

También puedes cambiar el texto y la fuente en su color, familia, tamaño y estilo, modificando el código en la línea:

document.write('<div display="none" id="texto_blink" style="color:#FF0000;font-size:18px;font-family:Arial;font-weight:normal;font-style:normal;text-align:left;">m i B l o g g e r<\/div>');

Ojo: Esta es una sola línea... debe estar todo seguido. El código funciona bien si lo llevas con cuidado, sobre todo en esta línea. Es decir lleva este formato: document.write('<....................>Aquí tu texto<\ /div>');

NOTA: En programación HTML se recomienda evitar el uso de la etiqueta Blink, es más se la considera un elemento no estándar. Sinceramente puedes evitar el uso de este código o caso contrario utilizarlo pues tiene su función, no es un código malicioso y esto es Javascript.

Quizás también te interese:

Cita aleatoria (Random Quote) con Javascript

Letras saltantes (Jumping letters) con javascript

Texto parpadeante (Blinking Text) con Javascript

Sitios recomendados

Sigue ElectroSYSTEM en: