Я совершенно не знаком с 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 от того, на котором запущена страница)
Любая помощь приветствуется!