如何在1秒内停止画线，然后统一继续？

// HTML代码
<canvas id="myCanvas"></canvas>

// JavaScript代码
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var continueDrawing = true;

function drawLine() {
    // 绘制线条的逻辑
    ctx.beginPath();
    ctx.moveTo(0, 0);
    ctx.lineTo(100, 100);
    ctx.stroke();
    
    // 判断是否继续绘制
    if (continueDrawing) {
        // 继续绘制
        setTimeout(drawLine, 1000); // 1秒后再次执行绘制函数
    }
}

// 开始绘制线条
drawLine();

// 在1秒后停止绘制
setTimeout(function() {
    continueDrawing = false;
}, 1000);

// 在3秒后统一继续绘制
setTimeout(function() {
    continueDrawing = true;
    drawLine();
}, 3000);