Texto intermitente que se muestra cada cierto tiempo

coke_135 · #1 (**permalink**) 24/11/2006, 05:59

Tras intentar experimentos que expliqué en otro post y tras no conseguir nada claro, he cambiado de idea y necesito hacer algo que me está volviendo loco.

Tengo un texto que parpadea, con este Javascript:

Código HTML:

i=0;
function colores(){
	  	
	tabcolores = new Array ("#2A1C19","#FFFFFF");
	if (i+1 == tabcolores.length) i=0; 
		else i++; 
		document.getElementById("parpadeo").setAttribute('color',tabcolores[i]);
				
		<?
			include ("config.php");
			echo "setTimeout(\"colores()\",".$tiempo_parpadeo.");";
		?>
}

Quiero que al cargar la pagina el texto parpadee durante 5 segundos, pare durante un minuto, vuelva a parpadear 5 segundos, pare otro minuto... asi durante todo el rato. Y no hay forma. He probado setInterval, SetTimeout y todo lo que he leído por el foro, pero o no funciona, o el texto se vuelve loco y empieza a parpadear cada vez más rápido o directamente el explorador se cuelga.

¡Gracias por la ayuda!

PD: El tiempo entre parpadeo y parpadeo se lo paso por PHP pero funciona perfectamente.

derkenuke · #2 (**permalink**) 24/02/2007, 10:00

Algo así...

Código PHP:

  <html>
<head>
</head>

<body>

<div id="texto">Hola</div>

<script>
var llevoParpadeado=0;
var capa=document.getElementById("texto");
function parpadea(veces, t, paron) {        //1 vez al segundo
    //alert("parpadea ha sido llamado");
    if(llevoParpadeado<veces) {
        capa.style.color="red";
        //alert("ejecuto un parpadeo, dentro de t en negro y dentro de 2t ejecutare un parpadea");
        setTimeout("capa.style.color='black'", t);
        setTimeout("parpadea("+veces+", "+t+", "+paron+")", t*2);
        llevoParpadeado++;
        //alert("cambio llevoParpadeando, ahora es "+llevoParpadeado);
    }
    else {
        //alert("hemos hecho todos los parpadeos, dentro de paron ("+paron+") ejecutare otra vez parpadea");
        llevoParpadeado=0;
        setTimeout("parpadea("+veces+", "+t+", "+paron+")", paron);
    }
}

parpadea(5,1000, 10000);

</script>

</body>
</html>

Parpadea 5 veces con tiempo de parpadeo 1000ms (entre un cambio de color y otro) y despues espera 10000ms para volver a empezar los 5 parpadeos...