como controlar la ejecucion...

[derkenuke]

Oye, que me comía la curiosidad y lo he hecho más global, pudiendo hilvanar varias funciones sin problemas, gracias al prototipado:

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) ); 
    } 
} 
 
// FUNCIONES PROTOTIPADAS NECESARIAS PARA PODER ESPERAR Y EJECUTAR DESPUÉS DE UNA FUNCIÓN OTRA 
Function.prototype.setDespues = function(f) { this.despues = f; } 
Function.prototype.declararFin = function() { this.fin = true; } 
Function.prototype.reestablecerFin = function() { this.fin = false; } 
Function.prototype.ejecutarDespuesAlFinalizar = function() { 
    var oThis = this;            // Para que funcione dentro del setInterval 
    this.comprobarFin = setInterval( function() { 
        var nombreFunc = oThis.toString().substring( "function ".length, oThis.toString().indexOf("(") ); 
        e("Comprobando: fin de "+nombreFunc+" es "+oThis.fin); 
        if( oThis.fin == true ) { 
            oThis.reestablecerFin(); 
            clearInterval( oThis.comprobarFin ); 
            oThis.despues(); 
        } 
    }, 500); 
} 
 
 
function tardona() { 
    e("Entro en tardona"); 
    // .... cosas que tardan 
    // el setTimeout es sólo para simular que la ejecución de tardona() tarda 5 sgs 
    setTimeout( function() { 
        tardona.declararFin(); 
        e("tardona.declararFin() ejecutado"); 
    } , 5000); 
} 
 
function segundona() { 
    e("Entro en segundona!"); 
    // .... cosas que tardan 
    // el setTimeout es sólo para simular que la ejecución de segundona() tarda 5 sgs 
    setTimeout( function() { 
        segundona.declararFin(); 
        e("segundona.declararFin() ejecutado"); 
    } , 5000); 
} 
 
function tercerona() { 
    e("Entro en tercerona!"); 
} 
 
function principal() { 
    // Primer bloque 
    tardona.setDespues( segundona ); 
    tardona.ejecutarDespuesAlFinalizar(); 
    tardona(); 
    // Hilvanemos tercerona 
    segundona.setDespues( tercerona ); 
    segundona.ejecutarDespuesAlFinalizar(); 
} 
 
window.onload = principal;  
   

Como ves en principal(), primero le decimos que después de tardona() queremos ejecutar segundona(). Luego iniciamos la comprobación para ver si ha terminado tardona() para empezar su después (segundona()), y ya por fin arrancamos tardona().

Lo que ocurre es que se ejecuta tardona(), y cuando llega a su fin entonces cambia el estado de tardona.fin (pasando a ser true). Éste cambio es detectado por el setInterval comprobador dentro de tardona.ejecutarDespuesAlFinalizar(); entonces hace saltar tardona.despues que coincide con segundona().

A segundona le hemos dicho que le preceda tardona().


Y como ves todo funciona al parecer como debe.



Un saludo.