Foros del Web - Ver Mensaje Individual

ricardojara · #16 (**permalink**) 02/12/2012, 19:06

hola pues bien aqui os presento otro problema con el script
hice una funcion con timeout que llamaba a otra y esta otra la volvia a llamar para que esta la llamase a ella

todo eso para que el semaforo fuera cambiando los colores el solo bien
pero ahora quiero poner un boton que diga parar y que se paren ambas funciones o una lo que sea con tal de que paren se que para eso esta return false pero quiero que suceda solo cuando le doy al boton parar

aqui os dejo mi codigo como creeis que puedo parar la funcion o el script o lo que sea con un boton que ponga parar ?¿

Cita:

<html>
<script>
function chronos()
{
setTimeout("semaforo()",1000)
}
function semaforo()
{
setTimeout("chronos()",100)
var variable1=document.getElementById('arriba')
var variable2=document.getElementById('medio')
var variable3=document.getElementById('abajo')
if (variable2.src.match("semaforo_apagado.png") && variable1.src.match("semaforo_apagado.png"))
{
variable1.src="semaforo_rojo.png";
variable3.src="semaforo_apagado.png";
}
else if (variable1.src.match("semaforo_rojo.png"))
{
variable2.src="semaforo_amarillo.png";
variable1.src="semaforo_apagado.png";
}
else if (variable2.src.match("semaforo_amarillo.png"))
{
variable3.src="semaforo_verde.png";
variable2.src="semaforo_apagado.png";
}
else
{
}
}

</script>
<body onload="chronos()">
<center>
<img id="arriba" src="semaforo_apagado.png" width="190" height="190"></img>
<br/>
<img id="medio" src="semaforo_apagado.png" width="190" height="190"></img>
<br/>
<img id="abajo" src="semaforo_apagado.png" width="190" height="190"></img>
<br/>
<button onclick="parar()">Empezar</button>
</center>
</body>
</html>