SetInterval y SetTimeOut, no crean el delay esperado

[August]

Es que invoco a una funcion pero tengo que hacer que sea a diferentes tiempos pero si lo hago con SetInterval o SetTimeOut, aunque especifique tiempos distintos, siempre invoca a la funciones al mismo tiempo y no quiero eso, ustedes que me recomiendan?, por favor no muevan el tema a ajax, que esto es una duda de como crear un tiempo de espera para la invocacion de una funcion la cual no necesariamente estaria relacionada con ajax, podria ser con otra cosa, y aqui es donde esta la gente que sabe muchisimo de javascript

y a intente

window.SetInterval
window.SetTimeOut

y sin el window., tambien, pero invoca siempre las funciones sin el tiempo de retardo que segun crean estos metodos

Gracias de antemano

Código PHP:

  function crear(){



        setInterval("cambiar('Procesador,1','Procesador','');",50);
        setInterval("cambiar('Memorias RAM,1','Memorias RAM','');",5);

    setInterval("cambiar('Tarjeta Madre,1','Tarjeta Madre','');",100);
}


function cambiar(nombre,ide,tipo){ 
         ajax=nuevoAjax(); 
        ajax.open("GET", "recibir.php?nombre="+nombre+"&ide="+ide+"&tipo="+tipo+"", true); 
                ajax.onreadystatechange=function() 
        { 
            if (ajax.readyState==1)
            {
                // Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
                document.getElementById(ide).innerHTML="<center><img src=loading.gif /></center>";
            }
            if (ajax.readyState==4)
            { 
                document.getElementById(ide).innerHTML=ajax.responseText;
            } 
        }
        ajax.send(null);
    } 
   

[JavierB]

Hola August

Prueba asignando los intervalos a una variable:

Código PHP:

  pepe = setInterval("cambiar('Procesador,1','Procesador','');",50);
paco =  setInterval("cambiar('Memorias RAM,1','Memorias RAM','');",5);

jorgito =  setInterval("cambiar('Tarjeta Madre,1','Tarjeta Madre','');",100); 
   

Saludos,

[August]

Hola JavierB

Gracias por contestarme, antes no funcionaba en ningun explorador, ahora solo funciona en Internet Explorer

Mozilla, sigue haciendo la invocacion simultanea y eso no me permite la asincronia correcta de la funcion

[derkenuke]

Yo diría que dentro de la función cambiar() te falta declarar la variable ajax como local adjuntandole var, creo que si la variable es global se sobreescribe y no funciona como se espera.

Prueba eso y nos comentas

Por cierto, ¿cómo notas los retardos con 50ms, 5ms y 100ms ? Quizás deberías hacer la prueba más lentamente con retardos más largos para ver qué pasa ahí.


Un saludo

[August]

jejeje, pues muchas gracias a todos, efectivamente era necesario definar la variable ajax

y finalmente me quede con el setTimeOut, el problema es que para ejecutarse mas eficientemente lo meti dentro de un ciclo, lo cual ya me empezo a dar problemas

function crear(){

var compos=new Array("Gabinete","Tarjeta Madre","Procesador","Memorias RAM","Disco Duro","Monitor","Tarjeta de Video","Unidad Optica","Segunda Unidad Optica","Tarjeta de Sonido","Bocinas","Disquet","Tarjetas de Memoria","Raton y Teclado","Sistema Operativo","Energia");
var tiemp=0;
for (i = 0; i <= 16; i++){
var primarg=compos[i]+",1";
var segunarg=compos[i];
var tiempotres[i]=setTimeout("cambiar(primarg,segunarg,'');",tiemp) ;
var tiemp=tiemp+2000;

}
}


function cambiar(nombre,ide,tipo){
var ajax=nuevoAjax();
ajax.open("GET", "recibir.php?nombre="+nombre+"&ide="+ide+"&tipo="+ tipo+"", true);
ajax.onreadystatechange=function()
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
document.getElementById(ide).innerHTML="<center><i mg src=loading.gif /></center>";
}
if (ajax.readyState==4)
{
document.getElementById(ide).innerHTML=ajax.respon seText;
}
}
ajax.send(null);
}

if (ajax.readyState==4)
{

En la linea de la llave dice que se esperaba un objeto

[derkenuke]

No lo entiendo, debería darte error en esta línea:
var tiempotres[i]=setTimeout("cambiar(primarg,segunarg,'');",tiemp) ;

Ya que si quieres pasar primarg y segunarg a la función cambiar(), la llamada está mal hecha. Como son strings las debes entrecomillar, y además así:
var tiempotres[i]=setTimeout("cambiar('"+primarg+"','"+segunarg+"', '');",tiemp) ;

Mira a ver si te funciona de esta manera

[August]

De hecho solo funciona para la primera vuelta al ciclo ya despues ya no hace el setTimeout ni la funcion que trae dentro, para las demas vueltas al ciclo

Que sera el problema?

[derkenuke]

No lo sé a ciencia cierta, pero opino que en el evento onreadystatechange utilizas la variable ajax y eso es lo que falla. No estoy seguro si dentro de esa función se podría usar this para referenciar al objeto de mejor manera o quizás la función nuevoAjax() esté también con variables globales y eso crea un problema. También veo que te sobran muchos var en el código dentro del bucle, y que la variable i es bastante importante ponerle var para que no se mezcle con otras i en otras funciones (quizá sea eso¿?).

También has puesto en el bucle <= 16, teniendo en cuenta que el número de elementos del array compos es 16, el último i intentará compos[16], lo que dará undefined... hay bastantes cosas bailando en el código.

Cuando te pasen cosas de este tipo, lo mejor es empezar con un ejemplo básico:

Código PHP:

   
// escribir en el documento una ristra (x)html fuera de tiempo de ejecución.
function e(q,sinBR) {
    var elDIV = document.createElement("DIV");
    if(q==undefined) q="";
    if(!sinBR) q+="<br/>";
    elDIV.innerHTML = q;
    for(var a=0; elDIV.childNodes.length>a; a++) {
        document.body.appendChild( elDIV.childNodes[a].cloneNode(true) );
    }
}
// document.getElementById abreviado
function $(x) { return document.getElementById(x); }
 
 
 
 
function crear(){
    var compos=new Array("Gabinete","Tarjeta Madre","Procesador","Memorias RAM","Disco Duro","Monitor","Tarjeta de Video","Unidad Optica","Segunda Unidad Optica","Tarjeta de Sonido","Bocinas","Disquet","Tarjetas de Memoria","Raton y Teclado","Sistema Operativo","Energia");
    var tiemp=0, tiempotres = [];
    for(var i=0, primarg, segunarg; i<compos.length; i++){
        primarg=compos[i]+",1";
        segunarg=compos[i];
        tiempotres[i]=setTimeout("cambiar('"+primarg+"','"+segunarg+"', '')",tiemp) ;
        tiemp+=2000;
    }
}
 
 
function cambiar(nombre,ide,tipo){
    /*
    var ajax=nuevoAjax();
    ajax.open("GET", "recibir.php?nombre="+nombre+"&ide="+ide+"&tipo="+ tipo+"", true);
    ajax.onreadystatechange = function() {
        if (ajax.readyState==1){
            // Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
            document.getElementById(ide).innerHTML="<center><i mg src=loading.gif /></center>";
        }
        if (ajax.readyState==4) {
            document.getElementById(ide).innerHTML=ajax.respon seText;
        }
    }
    ajax.send(null);
    */
    e("Se ha llamado a cambiar('"+nombre+"', '"+ide+"', '"+tipo+"')");
}
 
 
 
crear(); 
   

Y a partir de ahí vas creando el objeto ajax, pruebas, luego haces el open(), vuelves a probar, luego estableces el manejador del evento, pruebas de nuevo... hay que crear poquito a poco que si no detectar el error es imposible (más aún cuando se van superponiendo errores y eso es imposible de controlar).


Un saludo, y con calma.

[August]

Gracias por ayudarme tanto, y aunque ya funciona bien, en el internet Explorer dice en la barra de estado que hay un error y que lo que esta dentro del getElementById es nulo o no es un objeto y aunque define la variable como un objeto aun asi da el mismo error ¿Habria un error en realidad? y como lo podria solucionar?

Disculpa si por no poner tanto codigo no puse donde se hace el XMLHTTPREQUEST

Código PHP:

  function nuevoAjax()
{ 
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
    lo que se puede copiar tal como esta aqui */
    var xmlhttp=false; 
    try 
    { 
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }
    catch(e)
    { 
        try
        { 
            // Creacion del objet AJAX para IE 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } 
        catch(E) { xmlhttp=false; }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); } 

    return xmlhttp; 
}