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>
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.mensajeMesAnio()
, puedes poner lo que tienes dentro del método en unconsole.log()
, en vez deinnerHTML
, ya que lo que haces es sobreescribirlo