1

Tengo un metodo que me devuelve 500k resultados y me gustaria implementar una barra de progreso.

app.js

let test = setInterval(() => {
  console.log("Start")
  this.results = calculate(type)    -> este método puede tardar 1 segundo o 5 minutos
  console.log("End")
  if (this.results.length >= 500000) {
    clearInterval(test);
  } else {
    this.progressBar = (this.results.length/500000) * 100
  }
}, 1000);

calculate.js

async calculate = function(type) {
  ......
  return calltootherlibrary(type);
}

Pero el problema es que entra al método, veo por consola "Entra" y ya cuando termina de hacer el método calculate puedo ver en consola "End", es decir, la variable progressbar nunca se refresca porque espera que termine el método "calculate"

6
  • El método calculate bloquea la interfaz, no es asíncrono. ¿Puedes poner su código aquí? Commented el 28 oct. 2022 a las 13:24
  • Puedes echar un vistazo a es.stackoverflow.com/questions/187439/… Commented el 28 oct. 2022 a las 13:39
  • @PabloLozano he añadido el método calculate, que esta dentro de una libreria javascript externa que uso en mi proyecto
    – sirdaiz
    Commented el 28 oct. 2022 a las 13:53
  • El problema es que si ese método se está ejecutando de manera síncrona, hasta que no termine no permite al intervalo ejecutarse Commented el 28 oct. 2022 a las 14:33
  • 1
    Tienes que crear un worker para el cálculo developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/…
    – Yussef
    Commented el 28 oct. 2022 a las 15:25

0

Tu Respuesta

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

Examina otras preguntas con la etiqueta o formula tu propia pregunta.