Hola, he creado una funcion para que me genere imagenes siempre en el mismo orden, pero no se como deterner las funciones setTimeout para poder elegir las imagenes aleatorias.
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>
muxas gracias ^^