Tengo poca experiencia con setInterval(), por lo que no estoy muy seguro de cómo usarlo. En el pasado, incluso probé setTimeout() en este código, pero luego me di cuenta de que setInterval() es mejor. Estoy tratando de escribirlo con el menor código posible. De todos modos, solo necesito que me ayuden con esta parte del código, y luego podré poner el grande en el que estoy trabajando. Para resumir el propósito final, se supone que este código muestra dónde está el tesoro escondido en el mapa, ese círculo aparecerá donde se encuentra el tesoro y el usuario tiene que hacer clic alrededor del campo e intentar encontrarlo. El código principal está terminado, pero no puedo entender cómo hacer esta pista. Mientras setInterval() está por debajo 3000(3 seconds) , el círculo muestra, cuando el círculo desaparece, el temporizador continúa para que el usuario no pueda usar la pista más de una vez.

 let elem = document.getElementById("hint"); elem.addEventListener('click', myFunction(){ setInterval(myFunction, 3050); function myFunction(time){ while (time<3000){ let c = document.getElementById("myCanvas"); let ctx = c.sdgetContext("2d"); ctx.beginPath(); ctx.arc(110,80, 70,0, 2 * Math.PI); ctx.fillStyle ="red"; ctx.globalAlpha = "0.6"; ctx.fill(); } } });