Necesito ejecutar varios temporizadores uno tras otro con pausa. La entrada para el temporizador proviene de la matriz que contiene un conjunto de tiempos. Hice algo con el método de reducción. Pero no pudo romper temprano el método de reducción.
const times = [5, 4, 5]; function countDown(secs) { console.log(secs); if (secs === 1) { clearTimeout(timer); return timer; } secs--; var timer = setTimeout(() => countDown(secs), 1000); } times.reduce((totalDelay, time) => { setTimeout(() => { countDown(delay); }, 1000 * totalDelay); const delay = parseInt(time); totalDelay += delay; return totalDelay; }, 0);Probé con un booleano para pausar y reproducir. El temporizador está en pausa por esa variable booleana, pero cuando reanudo, dos temporizadores se están ejecutando debido a la reducción.
¿Hay alguna otra forma de hacer esto con bucle o algo así?
Tu código parece demasiado complicado. Todo lo que tiene que hacer es configurar el tiempo de espera dentro de una función (sin argumentos) y usar esa función como una devolución de llamada para setTimeout .
const times = [5, 4, 5]; function countDown() { const secs = times.shift(); if (typeof secs === 'number') { setTimeout(countDown, secs * 1000); console.log(`Next timer in ${secs} seconds`); } else { console.log('Done'); } } countDown(); Aquí estoy eliminando un elemento del inicio de la matriz de times en cada iteración. También puede dejar la matriz sin cambios y usar un índice para realizar un seguimiento del progreso.