如何利用HTML5画布创建带时间间隔的无限循环

<canvas id="myCanvas"></canvas>

var canvas = document.getElementById("myCanvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

var ctx = canvas.getContext("2d");

function draw() {
  // 在这里编写绘制图形的代码

  setTimeout(draw, 1000); // 设置时间间隔，单位为毫秒
}

draw(); // 调用函数开始绘制图形

ctx.fillStyle = "red"; // 设置填充颜色
ctx.fillRect(0, 0, canvas.width, canvas.height); // 绘制矩形

ctx.clearRect(0, 0, canvas.width, canvas.height); // 清除画布