该按钮的目的是使用某种循环弹出一个红色圆圈3秒钟以监视时间

Question

我在SetInterval（）方面有很少的经验，因此我不确定如何使用它。过去，我什至在此代码中尝试过SetteMeut（），但随后意识到SetInterval（）更好。我正在尝试用尽可能小的代码编写它。无论如何，我只需要该代码的这一部分提供帮助，然后我将能够投入其中的大型代码。为了总结最终目的，该代码应该显示隐藏的宝藏在地图上的位置，该圆圈将弹出宝藏所在的位置，用户必须单击字段并尝试找到它。主代码已经完成，但我无法弄清楚如何制作此提示。而setInterval（）在3000（3秒）圆圈显示时，当圆圈消失时，计时器不断运行，以便用户无法使用提示多于一次。

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();
         }
    }
});