Parar de generar imagenes

samurai_7 · #1 (**permalink**) 23/05/2006, 11:00

Hola, he hecho un codigo que funciona a modo de maquina tragaperras, es decir me genera imagenes en un mismo orden, cuando le doy al boton de empezar a jugar,(ya que estoy intentando hacer un juego). Consigo generar las imagenes, ahora toca que se paren aleatoriamente.Para ello he creado otra variable que tome el valor de la principal y se vaya incrementando, todo esto en un bucle para que se repita una serie de veces, ya que el primer recuadro debe pararse antes que el segundo, y este antes que el tercero, pero no consigo parar la función, siempre me genera las imágenes y no se como parar la funcion setTimeout para que cuando sean las tres iguales ocurra algo como reproducir un video o un alert, por ejemplo.

Aqui os dejo el codigo:

<html>
<head>
<script>

var valor=0;
var valor1=0;
var valor3=0;

var i=0;
var freno=10;
var freno1=10;
var freno3=10;

function cambio()
{

if (valor==5)
valor=0;

switch (valor)
{
case 0:
img.src="rooney.gif";
break;
case 1:
img.src="henry.gif";
break;
case 2:
img.src="zidane.gif";
break;
case 3:
img.src="ronaldinho.gif";
break;
case 4:
img.src="cronaldo.gif";
break;
}

valor++;

if (freno!=0)
{
setTimeout("cambio();",500);
}
}

function cambio1()
{

if (valor1==5)
valor1=0;

switch (valor1)
{
case 0:
img1.src="henry.gif";
break;
case 1:
img1.src="rooney.gif";
break;
case 2:
img1.src="ronaldinho.gif";
break;
case 3:
img1.src="cronaldo.gif";
break;
case 4:
img1.src="zidane.gif";
break;
}

valor1++;
if (freno1!=0)
setTimeout("cambio1();",400);
}

function cambio3()
{

if (valor3==5)
valor3=0;

switch (valor3)
{
case 0:
img2.src="cronaldo.gif";
break;
case 1:
img2.src="ronaldinho.gif";
break;
case 2:
img2.src="henry.gif";
break;
case 3:
img2.src="zidane.gif";
break;
case 4:
img2.src="rooney.gif";
break;
}

valor3++;
if (freno3!=0)
setTimeout("cambio3();",300);
}

function parada()

{

freno=valor;

for (i=0;i<5;i++)
{

if (freno==4)
freno=0;

switch (freno)
{
case 0:
img.src="rooney.gif";
break;
case 1:
img.src="henry.gif";
break;
case 2:
img.src="zidane.gif";
break;
case 3:
img.src="ronaldinho.gif";
break;
case 4:
img.src="cronaldo.gif";
break;
}

freno++;

}

}

function parada1()

{

freno1=valor;

for (i=0;i<10;i++)
{

if (freno1>5)
freno1=0;

switch (freno1)
{
case 0:
img.src="rooney.gif";
break;
case 1:
img.src="henry.gif";
break;
case 2:
img.src="zidane.gif";
break;
case 3:
img.src="ronaldinho.gif";
break;
case 4:
img.src="cronaldo.gif";
break;
}

freno1++;

}

}

function parada3()

{

freno3=valor;

for (i=0;i<15;i++)
{

if (freno3>5)
freno3=0;

switch (freno3)
{
case 0:
img.src="rooney.gif";
break;
case 1:
img.src="henry.gif";
break;
case 2:
img.src="zidane.gif";
break;
case 3:
img.src="ronaldinho.gif";
break;
case 4:
img.src="cronaldo.gif";
break;
}

freno3++;

}

}

</script>
</head>
<body>
<center>
<img name="img" src="interrogacion.gif">
<img name="img1" src="interrogacion.gif">
<img name="img2" src="interrogacion.gif">
<center>
<br><br>
<input type="button" value="jugar" name="inicio" onClick=cambio();cambio1();cambio3();>
<input type="button" value="detener" name="fin" onClick=parada();parada1();parada3();>
</body>
</html>

Espero que alguien me pueda ayudar.
Muxas gracias ^^