1

El día de ayer ya me ayudaron con un problema, pero trato de modificar el código y no logro hacer que funciones. Tengo un programa que hace proceso muy largo (para el código que publiqué solo reemplacé ese proceso largo por un for) y los usuarios se quejan que no sabe cuánto falta para que se acabe el proceso o si va por la mitad o por el final. Lo que necesito es que le aparezca al usuario un mensaje indicando el mes y el año que va realizando el proceso para que sepa que el programa no se colgó y que sepa por qué mes y qué año va el proceso, pero solo me aparece el mensaje de "Finalizado".

Espero que me ayuden, gracias de antemano por sus respuestas.

<html>
<head>
    <title>Test</title>
    <script type="text/javascript">
        function calc() {
            for (var anio=2017; anio<2022;anio++) {
                for (var mes=1; mes<12;mes++) {
                    mensajeMesAnio(mes,anio);
                    setTimeout(() => {
                        procesoMesAnio(mes,anio);
                    }, 0);
                }
            }
            finalizado();
        }
        function mensajeMesAnio(mes,anio) {
            document.getElementById("mensaje").innerHTML = "Procesando "+mes+"/"+anio;
        }
        function procesoMesAnio() {
            // proceso
            var dummy = 0;
            for (var i=0; i<100000000;i++) {
                dummy = dummy + i;
            }
        }
        function finalizado() {
            document.getElementById("mensaje").innerHTML = "Finalizado";
        }
    </script>
</head>
<body>
    <button type="button" onclick="calc();">Calcular</button>
    <p id="mensaje"></p>
</body>
</html>
13
  • 1
    En al funcion procesoMesAnio(), tienes una variable, z, que no tienes definida en ningun lado. por otro lado, en esa funcion no procesas ni mes ni año, nose porque los pasas como variable.
    – adrigo
    Commented el 14 jun. 2022 a las 13:11
  • 1
    @Erick: Si vas creando un nuevo nick cada vez que entras perdemos el historial de tus preguntas, las cuales nos pueden ayudar a entender a lo que te refieres cuando las mentas. Puedes fusionar/combinar cuentas de stackoverflow pidiéndolo en el formulario de contacto.
    – masterguru
    Commented el 14 jun. 2022 a las 13:15
  • Hola Adrigo, tienes razón, ya modifiqué el código sin la varialbe z. Pero igual, no me aparecen los mensajes de "Procesando mes/anio" solo me aparece el mensaje de "Finalizado".
    – Erick
    Commented el 14 jun. 2022 a las 13:17
  • Buenos días masterguru, si, lo siento, acabo ya de registrarme, las siguiente preguntas las haré ingresando con mi correo y contraseña
    – Erick
    Commented el 14 jun. 2022 a las 13:19
  • Eso es porque al final del todo llamas a la función y pones que te escriba eso. Si quieres ver los menajes de la función mensajeMesAnio(), puedes poner lo que tienes dentro del método en un console.log(), en vez de innerHTML, ya que lo que haces es sobreescribirlo
    – Maida
    Commented el 14 jun. 2022 a las 13:22

2 respuestas 2

4

Creo que a mi me ha salido bien de este modo (a fuerza de prueba y error, todo hay que decirlo):

function calc() {
  for (var anio = 2017; anio < 2022; anio++) {
    for (var mes = 1; mes < 12; mes++) {
      procesoMesAnio(mes, anio);
    }
  }
  setTimeout(() => {
    finalizado();
  }, 0)
}

function mensajeMesAnio(mes, anio) {
  document.getElementById("mensaje").innerHTML = "Procesando " + mes + "/" + anio;
}

function procesoMesAnio(mes, anio) {
  // proceso
  setTimeout(() => {
    mensajeMesAnio(mes, anio);
    var dummy = 0;
    for (var i = 0; i < 100000000; i++) {
      dummy = dummy + i;
    }
  }, 0)
}

function finalizado() {
  document.getElementById("mensaje").innerHTML = "Finalizado";
}
<body>
  <button type="button" onclick="calc();">Calcular</button>
  <p id="mensaje"></p>
</body>

Basándome en lo que se habia respondido en la anterior pregunta del OP: Problemas con funciones he ido jugando con el setTimeout y console.log hasta conseguir el código que "teoricamente" responde a su pregunta (y no me pregunteis como, me remito a lo explicado en la respuesta aceptada de la anterior pregunta).

5
  • Muchas gracias masterguru, funcionó perfectamente
    – Erick
    Commented el 14 jun. 2022 a las 14:50
  • 1
    @Erick, pues acepta la respuesta. En este enlace aprenderás como. Y coincido con padaleiana, debes aceptar la respuesta a la anterior pregunta para que este sitio "fluya" adecuadamente. Si no lo haces vas a perder posibles ayudas futuras pues este sitio se basa en la colaboracion de todos, y si tan solo vienes a sacar código como que no apetece tanto mirar tus problemas. De ahí que tambien deberias fusionar perfiles, para aceptar las respuestas anteriores que te fueron útiles.
    – masterguru
    Commented el 14 jun. 2022 a las 14:51
  • 1
    @Erick Lecturas recomendadas para aprender el funcionamiento de este sitio: recorrido de bienvenida , Cómo preguntar y ejemplo mínimo verificable
    – masterguru
    Commented el 14 jun. 2022 a las 14:56
  • Gracias, voy a leer esos manuales para aprender sobre cómo usar correctamente este este sitio
    – Erick
    Commented el 14 jun. 2022 a las 15:02
  • 1
    @Erick, perfecto, gracias por tu colaboración! :-)
    – masterguru
    Commented el 14 jun. 2022 a las 15:08
1

El problema por el que no te aparece nada es que estás sobreescribiendo una y otra vez los elementos, esto quiere decir que una vez escrito algo, lo sobreescribes y queda lo último que ha escrito, en este caso "finalizado". Para que te funcione, teniendo el código como lo tienes, solo tienes que cambiar las dos líneas que tienen document.getElementById("mensaje").innerHTML = y ponerles justo antes del = un +, quedando: document.getElementById("mensaje").innerHTML +=, de esta forma no sobreescribes el contenido, sino que lo concatenas.

3
  • mmm, lo acabo de intentar y nada. La idea es que el mensaje vaya 'cambiando' así "Procesando 1/2017" luego "Procesando 2/2017" luego "Procesando 3/2017" etc y al finalizar el mensaje debe quedar en "Finalizado", pero doy click en "Calcular" y solo aparece el mensaje de "Finalizado"
    – Erick
    Commented el 14 jun. 2022 a las 14:00
  • @Erick eso no lo has especificado en ningun lado... se mas concreto la proxima vez... de todas formas que quieres? que salga una fecha, pase un segundo y despues la sieguinte y asi hasta que finalice? Eso que pides de ir cambiando ira demasiado rapido y no dara tiempo de verlo...
    – adrigo
    Commented el 14 jun. 2022 a las 14:04
  • Tienes razón, no lo especifiqué claramente, lo siento. Tengo un programa que hace proceso muy largo (para el código que publiqué solo reemplacé ese proceso largo por un for) y los usuarios se quejan que no sabe cuánto falta para que se acabe el proceso o si va por la mitad o por el final. Lo que necesito es que le aparezca al usuario un mensaje indicando el mes y el año que va realizando el proceso para que sepa que el programa no se colgó y que sepa por qué mes y qué año va el proceso, pero solo me aparece el mensaje de "Finalizado"
    – Erick
    Commented el 14 jun. 2022 a las 14:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.