setTimeout i Bucles incompatibles ?

[xinxan22]

Buenas tardes, tengo el siguiente códidog y no me da el resultado que deseo, alguien puede explicarme el porque, gracias:

Código HTML:

<script language="javascript">
valor="";
valor1="";
function alerta(){
  alert("valores: "+valor+" "+valor1); 
}
tiempo=3000;
for(i=0;i<=5;i++){
  valor=i;
  valor1=0;
  setTimeout("alerta()",tiempo);
}
</script> 

Como resultado me da solo 1 "alert" con el contenido "valores: 5 0" y no entiendo porque no me da los siguientes alerts:
"valores: 0 0"
"valores: 1 0"
"valores: 2 0"
"valores: 3 0"
"valores: 4 0"
"valores: 5 0"
Alguien puede explicarme porque ?

[David]

Lo que va a suceder es que saldrá 5 alert pero todos con el mismo contenido, porque el valor de la variable es reemplazada a cada paso del bucle quedando solo el último valor que es tomado por la función.

[Panino5001]

Probá así:

Código PHP:

  <script> 
var tiempo=3000; 
for(i=0;i<=5;i++){ 
  (function(){ 
      var valor=i; 
      var valor1=0; 
      setTimeout(function(){alert("valores: "+valor+" "+valor1);},tiempo); 
  })(); 
} 
</script>  
  

[xinxan22]

Iniciado por Panino5001

Probá así:

Código PHP:

  <script> 
var tiempo=3000; 
for(i=0;i<=5;i++){ 
  (function(){ 
      var valor=i; 
      var valor1=0; 
      setTimeout(function(){alert("valores: "+valor+" "+valor1);},tiempo); 
  })(); 
} 
</script>  
  

Esto lo que hace es mostrarme los 5 alerts con diferente contenido al cabo de 3 sgundos, pero solo el primero. Lo que me interesa es mostrarlos cada 3 segundos un alert distinto.

[derkenuke]

Hola xinxan22:

Ten en cuenta que el bucle for se ejecuta rápidamente. 5 elementos, sí, pero se ejecuta rápidamente. Lo que haces es colocar 5 setTimeouts a 3 segundos cada uno, sería lo mismo que escribir los 5 setTimeouts uno detrás del otro.

Si quieres mostrar un setTimeout cada 3 segundos lo que tienes que hacer poner un setTimeout a 3, el siguiente a 6, el siguiente a 9 y así sucesivamente. Esto lo logras modificando a la variable tiempo por un índice (en este caso sería i+1). Así que la línea del setTimeout debería ser la que te dio panino (para no sobreescribir el valor de valor) y con el desfase tiempo*(i+1):

Código PHP:

  setTimeout(function(){ alert("valores: "+valor+" "+valor1);}, tiempo*(i+1) );  
   

Saludos.

[xinxan22]

El problema es que tengo un bucle for donde llamo a la funcion "mi_funcion()". Necesito mostrar llamar a "mi_funcion" cada 3 segundos por ejemplo, por eso lo estaba utilizando de esta manera.
Lo del alert era un ejemplo de llamar una función cualquiera.

[David]

Hazle caso a derkenuke. Coloca intervalos de 3 entre cada setTimeout().

[xinxan22]

Vale de esa manera me funciona perfecto. Ahora tengo un problema donde lo incluyo que tiene que no tiene mucho que ver con este tema pero aprovecho el post para exponerlo.

Estoy utilizando maps google para mostrar varios iconos (puntos) en el mapa, y claro el setTimeOut era para mostrar los puntos cada 3 segundos, entonces lo hago de la siguiente manera

Código HTML:

<script>
var punto;
var icono=new GIcon();

function maps_google(){
  //...
  //... aqui creo las variables y todo lo necesario para maps google
  //..
  points=new Array(contador);
  for(i=0;i<contador;i++){ 
    points[i]=new GLatLng(latitudes[i],longitudes[i]);
  }
  //Muestro los puntos en el mapa 
  for(i=1;i<contador-1;i++){ 
    (function(){ 
      punto=points[i]; //Vector de latitudes y longitudes
      icono=icon2;  //icono creado con icon2.image.... etc
      setTimeout("muestra_punto()",tiempo*(i+1)); 
    })(); 
  }
}
//
//
function muestra_punto(){
  var marker=new GMarker(punto,icono);
  map.addOverlay(marker);
}
</script> 

Por lo que he visto el temporizador funciona cada 3 segundos tal como me habeis dicho (poniendo un "alert()" dentro la función "muestra_punto()", aparece cada 3 segundos, sim embargo solo me muestra 1 punto en el mapa. Alguien puede echarme una mano?

[Panino5001]

No será que no estás pasando la variable punto?

Código PHP:

  setTimeout("muestra_punto("+punto+")",tiempo*(i+1));  
   

Si es así, deberás agregar el argumento en la declaración de muestra_punto
Igualmente, no sé, habría que ver el contexto. No entiendo bien el uso de 2 bucles, por ejemplo.

[David]

Tanto la variable punto como icono deben pasarse como parámetros a la función como indica Panino5001. Ya que aunque son variables globales y serán reconocidas dentro de la función solo tomará el último valor ya que el valor es reemplazado a cada paso del bucle.

[xinxan22]

Primero de todo, los dos bucles, los uso para cosas diferentes (uno es para rellenar el vector, el otro es para mostrarlo...falta parte de código solo he puesto lo esencial aquí).

Segundo, si llamo la función "muestra_punto" desde setTimeOut, no me deja pasarle las dos variables. Supongo que sería así:

Código HTML:

setTimeout("muestra_punto("+punto+","+icono+")",tiempo*(i+1));

Pues bién, no me hace la llamada a la función.

Las variables globales las he usado por el problema anterior (pasar dos variables), igualmente, las relleno antes de llamar la función y deberían tener contenido en cada caso:

Código HTML:

punto=points[i]; //Vector de latitudes y longitudes
      icono=icon2;  //icono creado con icon2.image.... etc
      setTimeout("muestra_punto()",tiempo*(i+1)); 

[Panino5001]

Si fueran numéricas sí sería así, ahora, al ser string, hay que entrecomillarlas así:

Código PHP:

  setTimeout("muestra_punto('"+punto+"','"+icono+"')",tiempo*(i+1));  
   

[xinxan22]

Beno no son ni una cosa ni la otra:

Código PHP:

  points[i]=new GLatLng(latitudes[i],longitudes[i]); 
var icon2=new GIcon();  
   

entonces lo hago de la siguiente manera ?

Código PHP:

  setTimeout("muestra_punto('"+points[i]+"','"+icon2+"')",tiempo*(i+1));  
   

[Panino5001]

Lo importante es lo que devuelven esos objetos. Como no sabemos qué tienen, sólo te resta probar y decirnos que tal te va ;)

[xinxan22]

Es un objeto y guarda el icono:

var icon2=new GIcon();
icon2.image="mi_icono_que_mostrar.gif";

Guarda la latitud y longitud
points=new Array(contador);
for(i=0;i<contador;i++){
points[i]=new GLatLng(latitudes[i],longitudes[i]);
}

[xinxan22]

Primero decir que no me funcionaba porquè estaba pasando mal los parametros a la función:

setTimeout("muestra_punto(punto,icono)",tiempo*(i+ 1));

y debería pasarselos así:

setTimeout("muestra_punto("+punto+","+icono+")",ti empo*(i+1));

Segundo, sigue sin funcionarme porquè les estoy pasando el objeto "icon2" el cual declaro: "var icon2=new GIcon();" como debería pasarselo a la función ?

[xinxan22]

Como no se como pasarle un objeto en la función he echo lo siguiente:

function muestra_punto(punto){
var icono_magico=new GIcon();
icono.iconSize=new GSize(34,30);
icono.iconAnchor=new GPoint(16,29);
icono.image="mi_imagen.gif";
var marker=new GMarker(punto,icono);
map.addOverlay(marker);
}

Pero sigue sin funcionarme, podría ser que a maps.google no le guste que le lleguen las peticiones en intervalos de tiempo mientras se esta ejecutando ?