Buen día, comunidad, saludos a todos.
En esta ocasión busco su ayuda con una situación relacionada con JavaScript. Estoy creando un código que está destinado a funcionar desde la consola del navegador, ya que quiero automatizar una tarea repetitiva y no hay necesidad de recargar la página, por lo que no perderé el código en la consola. Lo que busco es reproducir un sonido o alerta en el momento en el que desaparezca un elemento en el DOM.
El código que tengo hasta ahora funciona, pero tiene el inconveniente de que el sonido se sigue reproduciendo hasta que el elemento vuelve a aparecer. Y lo que quiero es que sólo se reproduzca una vez.
El código JS:
let inter = setInterval(()=>{
// Este es el elemento que desaparece
if(!document.querySelector('.MuiButton-root')){
// El sonido que se reproduce
let music = new Audio('blip.wav');
music.play();
clearInterval('inter');
}
}, 2500)
Decidí hacerlo con un setInterval()
, puesto que necesito que el código esté pendiente de la desaparición del elemento constantemente, ya que no tiene un tiempo constante. Lo coloqué a 2.5seg porque es el tiempo más prudente en el que el elemento desaparece. Pero, como es de esperar, a los 2.5seg vuelve a verificar y si el elemento aún no existe, el sonido sigue reproduciéndose. Ya probé cambiando de posición el clearInterval()
e incluso quitándolo y no funciona. No se me ocurre otra manera de estar verificando constantemente si el elemento existe o no.
Gracias de antemano.
addEventListener()
con evento clic al botón porque en ocasiones la tarea no aparece inmediatamente al hacer clic en el botón de buscar tarea. El tiempo desde que se hace clic en el botón hasta que aparece la tarea, puede variar. Por eso busco algo que simplemente esté al pendiente de la desaparición del botón.