Estoy intentando tener una función asíncrona que se restablece si se recupera. Esta función está vinculada a varios botones y activa un div que actúa como un cuadro superpuesto de notificación.
Me gustaría que, cuando se vuelva a llamar a la función callAlert(), restablezca el tiempo de espera en clearAlert(). Intenté agregar 1500 ms cuando se llama a newAlert, pero asumo que cuando se hace clic en cualquiera de los botones (que activan callAlert()), ya se movió a la promesa clearAlert(). O eso, o termino con un tiempo de espera cada vez más largo a medida que se acumula.
Cualquier consejo sería genial.
let alertActive = false; let alertCd = 0; function newAlert(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ alert_pop.classList.remove("alert_pop"); alertActive=true; alertCd = 1500 resolve(); } , 100); }); } function clearAlert(){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ alert_pop.classList.add("alert_pop"); alert_string.innerHTML=""; resolve(); } , alertCd); alertActive=false; }); } async function callAlert(){ await newAlert(); await clearAlert(); }Si desea crear un temporizador que se pueda reiniciar,
setTimeout() .clearTimeout() y luego cree un nuevo tiempo de espera. Si necesita cancelar un temporizador existente, use clearTimeout() . En este momento, clearAlert() crea su propia Promesa e intenta establecer su propio tiempo de espera. Debe cambiar clearAlert() para que no devuelva una Promesa (al menos, por ahora. Parece que puede estar intentando retrasar la cancelación).
Primero, en newAlert() , guarde la resolución o el rechazo de la Promesa activa en un ámbito al que pueda acceder clearAlert() . Luego, en clearAlert() , llame a clearTimeout() y resolve() o reject() (dependiendo de lo que intente hacer).