JavaScript页面导致计算机无响应

Question

我对JavaScript完全陌生，所以请耐心等待

我一直在遵循一个教程来显示JavaScript中文件夹中的图像，但是当我添加对其进行迭代的脚本时，会导致查看页面的计算机完全锁定

标签中的以下内容：

var canvas = document.getElementById("canvas");
var graphics_context = canvas.getContext("2d");

var rightPressed = false;
var leftPressed = false;
var currentpage = 0;

document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);

function keyDownHandler(e) {
    if ((e.key == "Right" || e.key == "ArrowRight") && !rightPressed) {
        rightPressed = true;
        currentpage++;
    } 
    else if ((e.key == "Left" || e.key == "ArrowLeft") && !leftPressed) {
        leftPressed = true;
        currentpage--;
    }
}
        
function keyUpHandler(e) {
    if (e.key == "Right" || e.key == "ArrowRight") {
        rightPressed = false;
    } 
    else if (e.key == "Left" || e.key == "ArrowLeft") {
        leftPressed = false;
    }
}
        
function draw() {
    var img = new Array();
            
    for(let i = 0; true; i++) {
        try {
            var image = new Image();
            image.src = "img/" + i + ".jpg"; 
            img[i] = image;
        } 
        catch(err) {
            break;
        }
    }

    if(currentpage <= 0)
        currentpage = 0;

    if(currentpage >= img.length)
        currentpage = img.length - 1;

    ctx.drawImage(img[currentpage], 0, 0, 800, 800);
}
        
setInterval(draw, 10);

我确实意识到，从循环中的文件夹中读取数据效率极低，但我真的看不到它如何导致我的整个PC锁定（它是与运行页面的PC分开的另一台PC）

感谢您的帮助！