Estoy tratando de averiguar cómo establecer el tiempo de espera para la función dentro de la iteración del bucle en la aplicación Ionic TypeScript.
setInterval hace el mismo intervalo de tiempo con llamar a la función en una repetición sin fin:
setInterval(() => { this.myFunc1(val); }, 800); setTimeout da el resultado requerido si se enumera secuencialmente:
setTimeout(() => { this.myFunc1(val); }, 800); setTimeout(() => { this.myFunc1(val); }, 1200); pero cómo hacer un bucle con el intervalo de tiempo a través de la lista actualizada y esperar mientras pasa el segundo valor val a la función, o llamar a myFunc1 cuando haya terminado en la iteración anterior:
async myFunc2() { for (let val of this.myValueList) { /// wait for 5 sec or wait for finishing process, then pass value calling function: this.myFunc1(val); } }La solución más simple para esperar aproximadamente 5 segundos:
const wait = t => new Promise(r => setTimeout(r, t));y luego en tu código puedes simplemente hacer:
async myFunc2() { for (let val of this.myValueList) { await wait(5000); this.myFunc1(val); } } Si myFunc1 es asíncrono, y solo desea esperar a que termine de ejecutarse antes de continuar con el ciclo, entonces simplemente haría lo siguiente:
async myFunc2() { for (let val of this.myValueList) { await this.myFunc1(val); } }setInterval es la opción correcta aquí. Lo que falta es que necesitas borrar el intervalo. setInterval devuelve una identificación que puede pasar a clearInterval que detiene la iteración.
Aquí estoy pasando datos a console.log , esperando un segundo y luego repitiendo hasta que termine.
const myValueList = [5,6,7,8,9,10]; let i = 0; const id = setInterval(() => { console.log(myValueList[i++]); if (i === myValueList.length) { clearInterval(id); console.log("done!"); } }, 1000);