Mi objetivo es activar una función repetidamente mientras mantengo el botón de clic y dejar de hacerlo cuando dejo de hacer clic.

Esta parte funciona bien: a través de disparar (), llamo a disparar () por primera vez y se ejecuta imprimiendo "viñeta" cada 500 ms hasta que suelto el botón del mouse.

El problema es que si vuelvo a hacer clic rápidamente, se imprime "bullet" tantas veces como hice clic, por lo que no se respeta la frecuencia de 500 ms.

 let fire = false; document.addEventListener("mousedown", (e)=>{ if((e.button === 0)) { fire = true; shoot(); } }) document.addEventListener("mouseup", ()=>{ fire = false; shoot(); }) const shooting = () => { let timeId = setTimeout(()=>{ if(fire) { console.log("bullet"); shooting(); } if(!fire) clearTimeout(timeId); }, 500); } const shoot= () => { shooting(); }

Intenté muchas formas y busqué mucho, pero no puedo encontrar la manera de evitar que se reactive la "bala" sin respetar la frecuencia de 500 ms.

Soy bastante novato, así que si esto tiene una solución obvia, no me lo reproches.

Gracias de antemano. JM.