我怎样才能在某个时刻停止填充我的圆圈呢？

// HTML代码
<canvas id="myCanvas" width="200" height="200"></canvas>

// JavaScript代码
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var radius = 100; // 圆圈半径
var fillRate = 0.1; // 填充速率，每帧填充的比例

function fillCircle() {
  var filledPercentage = 0; // 已填充的比例

  function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.beginPath();
    ctx.arc(canvas.width / 2, canvas.height / 2, radius, 0, 2 * Math.PI);
    ctx.fillStyle = "blue";
    ctx.fill();

    filledPercentage += fillRate;
    if (filledPercentage >= 1) {
      clearInterval(interval);
    }
  }

  var interval = setInterval(draw, 100); // 每100毫秒绘制一帧
}

fillCircle();