Javascript 我可以从画布上画出来

我用画布画一只脚，我只想画10秒，但我可以第一次等，但当我画的时候，我会一直画下去。我拿不出那幅画。 我怎样才能把图纸拿出来？ 我给你我的代码来画：

const page=document.querySelector（'body'）；//对身体的定义，监视空间
const divCorps=document.getElementById（'test-1'）；//第1部分测试定义
var nIntervId=设置间隔（drawFoot，10000）；
const canvas=document.querySelector（“#myCanvas”）；
常数宽度=80/*画布宽度*/
常数高度=80/*高度*/
const tableToDraw=canvas.getContext（'2d'）；
nIntervId=设置间隔（drawFoot，10000）；
函数drawFoot（）{
tableToDraw.strokeStyle=“黑色”；
tableToDraw.fillStyle=“橙色”；
tableToDraw.beginPath（）；
tableToDraw.moveTo（28,30）；
贝塞尔曲线图（40,30,40,38,30,44）；
贝塞尔曲线图（26,50,28,56,32,60）；
贝塞尔曲线图（36,66,54,70,32,72）；
贝塞尔曲线图（26,76,20,72,20,70）；
贝塞尔曲线图（18,66,20,64,18,58）；
贝塞尔曲线图（16,52,16,52,14,48）；
贝塞尔曲线图（12,38,12,36,18,32）；
tableToDraw.BezierrCurveto（22,30,24,30,28,30）；//长鳍车前草
tableToDraw.moveTo（36,16）；
贝塞尔曲线图（40,16,40,22,38,24）；
贝塞尔曲线图（36,28,34,28,32,24）；
tableToDraw.bezierCurveTo（32,18,34,16,36,16）；//fin Ortil
tableToDraw.moveTo（28,18）；
贝塞尔曲线图（31,19,30,26,26,26）；
贝塞尔曲线图（25,25,25,24,25,22）；
tableToDraw.bezierCurveTo（25,19,26,18,28,18）；//fin 2me doigt de pied
tableToDraw.moveTo（20,21）；
贝塞尔曲线图（22,19,23,21,23,23）；
贝塞尔曲线图（23,27,21,27,20,26）；
tableToDraw.bezierCurveTo（19,24,19,23,20,21）；//fin 3eme doigt de pied
tableToDraw.moveTo（16,26）；
贝塞尔曲线图（16,24,17,23,18,24）；
贝塞尔曲线图（19,25,19,28,17,28）；
tableToDraw.bezierCurveTo（16,28,16,27,16,26）；//fin 4eme doigt de pied
tableToDraw.moveTo（14,27）；
贝塞尔曲线图（15,27,16,28,16,29）；
贝塞尔曲线图（16,30,15,31,14,31）；
tableToDraw.bezierCurveTo（12,30,13,27,14,27）；//fin petit doigt de pied
tableToDraw.stroke（）；//鱼鳍
tableToDraw.fill（）；
clearInterval（nIntervId）；
//重置
};

您可能正在寻找。欢迎使用SO！这似乎对我有用。你说的“从图纸上出来”到底是什么意思？如果只希望绘制一次，为什么要创建间隔？如果您确实希望重复绘制此脚，您可能应该清除帧之间的画布，以便它们不会相互覆盖。目前，您正在创建一个间隔，并在第一次迭代后停止它
setTimeout
可能更合适。我希望每X秒绘制一次，然后我尝试setTimeout，但从不清理画布。就在清理画布时，我可以通过等待X次来激活新的绘图？谢谢你的回答。我找到了我想要的。如何将代码放入注释中？