Intenté usar bucles do-while pero parece que no funciona correctamente:
let rep; //this variable tells the loop whether to run or not let nOfTimesTheLoopRuns = 0; do { nOfTimesTheLoopRuns++; console.log(`This loop has run ${nOfTimesTheLoopRuns} time(s).`); setTimeout( () => { rep = confirm("Repeat?"); }, 2000); //a delay is set so that the answer can be printed on the console before the code runs again } while (rep);La consola imprime: "Este ciclo se ha ejecutado 1 vez(es)", pero no se repite como debería cuando presiono "Ok" en la confirmación(); caja de diálogo.
También he probado esto:
let rep = []; //this variable tells the loop whether to run or not let nOfTimesTheLoopRuns = 0; do { rep.pop(); nOfTimesTheLoopRuns++; console.log(`This loop has run ${nOfTimesTheLoopRuns} time(s).`); setTimeout( () => { rep.push(confirm("Repeat?")); }, 2000); //a delay is set so that the answer can be printed on the console before the code runs again } while (rep[0]);Al final, la consola imprime "Este ciclo se ha ejecutado 1 vez(es)". Y el valor de nOfTimesTheLoopRuns es 1. ¿Cómo puedo hacer que siga ejecutándose cada vez que el usuario presiona "Aceptar" en la confirmación (); ¿caja de diálogo?
Puede poner el código que desea ejecutar cada vez que el usuario confirme una función, luego verifique si rep es verdadero en la devolución de llamada setTimeout y vuelva a llamar a la función si es así:
let nOfTimesTheLoopRuns = 0; function check() { nOfTimesTheLoopRuns++; console.log(`This loop has run ${nOfTimesTheLoopRuns} time(s).`); setTimeout(() => { if (confirm("Repeat?")) { check() } }, 2000) } check()Puede usar una función que se llame a sí misma si la respuesta es verdadera.
let nOfTimesTheLoopRuns = 0; function test() { if (confirm("Repeat") === true) { nOfTimesTheLoopRuns++; console.log(`This loop has run ${nOfTimesTheLoopRuns} time(s).`); setTimeout(() => test(), 2000); } } test();Esto se debe a que setTimeout se ejecutaría después de la finalización del ciclo, así es como JavaScript maneja las funciones asíncronas. Puede comprender mejor esto leyendo el concepto de bucle de eventos
Lo que puede hacer es poner todo su código en un intervalo y borrarlo cuando el usuario seleccione 'cancelar'.
var nOfTimesTheLoopRuns = 0; var myInterval = setInterval(function(){ nOfTimesTheLoopRuns++; console.log(`This loop has run ${nOfTimesTheLoopRuns} time(s).`); if(!confirm("Repeat?")){ clearInterval(myInterval); } }, 3000);