JavaScript страница приводит к тому, что компьютер не отвечает - PullRequest
0 голосов
/ 07 августа 2020

Я совершенно не знаком с 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);

Я понимаю, что чтение из папки в al oop невероятно неэффективно, но я действительно не Не понимаю, как это может привести к блокировке всего моего P C (это отдельный P C от того, на котором запущена страница)

Любая помощь приветствуется!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...