Básicamente tengo un temporizador, digamos que el temporizador comienza a los 60 segundos y va a 0 cuando llega a 0 hace una llamada API y el temporizador se reinicia, el problema que tengo es que cuando el temporizador llega a 0 simplemente se reinicia sin esperar el prometo respuesta, de alguna manera necesito que el temporizador se detenga en 0, espere la respuesta y luego comience a contar desde 60 nuevamente, intenté usar clearInterval() pero funciona solo en la primera cuenta regresiva después de que el temporizador simplemente se detiene, aquí está mi siguiente código, creo que será más fácil de entender
setInterval(async () => { document.querySelector('.timeh1').innerHTML = newInterval - i i++ if(i >= newInterval){ await apiCallReload(currency) i = 0 } }, 1000) como puede ver, esta función se ejecuta cada segundo y cuando el tiempo de ejecución (i) alcanza el límite del temporizador (intervalo nuevo), llamará a mi función apiCallReload() y el temporizador se reiniciará a 0 nuevamente, pero el problema es que el temporizador se reinicia sin esperar la promesa de la función (se tarda entre 5 y 10 segundos en obtener la respuesta de la api) ¿hay alguna forma/solución que pueda hacer que el temporizador se detenga cuando llegue a 0, espere la respuesta de la api y luego comience a contar de nuevo? ?
Creo que tienes que usar setTimeout(), algo así
let time = 60; async function callback() { time = time - 1; if (time === 0) { await fetch('https://google.com'); time = 60; } setTimeout(callback, 1000) } callback()Podrías lograr el resultado deseado usando un ciclo while...
let waitTime = 3000 ;(async ()=>{ console.log('Started') while(true) { await new Promise(res=>setTimeout(res,waitTime)) console.log('Waited', waitTime, 'ms') let randTime = 1000 + Math.random()*1000 await new Promise(res=>setTimeout(()=>{console.log('your asnyc fun',randTime);res();},randTime)) // your async func } })()