Я создаю игровой автомат, и пока он выглядит так, как будто он работает, но цикл for перемещается так быстро, что я не вижу заменяемых изображений.
Любые идеи о том, как можно замедлить цикл forили каким-либо другим способом увидеть изменения изображений на экране?
function myFunction() {
var i;
var dicepicture;
var dice = Math.floor(Math.random() * 1000) + 1;
for (i = 0; i < dice; i++) {
var k;
for (k = 1; k < 7; k++) {
document.getElementById("first-picture" + k).src =
'images/empire.jpg';
}
var l;
for (l = 1; l < 7; l++) {
document.getElementById("first-picture" + l).src =
'images/black.jpg';
}
var j;
for (j = 1; j < 7; j++) {
var dicepicture = Math.floor(Math.random() * 11) + 1;
document.getElementById("first-picture" + j).src =
'images/image' + dicepicture + '.jpg';
document.getElementById("vari1").innerHTML = "Value of i is:
" + i;
document.getElementById("vari2").innerHTML = "Value of Dice
is: " + dice;
if (j == 1) {
document.getElementById("first-pic-code").innerHTML =
"Code is: " + dicepicture;
} else if (j == 2) {
document.getElementById("second-pic-code").innerHTML =
"Code is: " + dicepicture;
} else if (j == 3) {
document.getElementById("third-pic-code").innerHTML =
"Code is: " + dicepicture;
} else if (j == 4) {
document.getElementById("forth-pic-code").innerHTML =
"Code is: " + dicepicture;
} else if (j == 5) {
document.getElementById("fifth-pic-code").innerHTML =
"Code is: " + dicepicture;
} else if (j == 6) {
document.getElementById("sixth-pic-code").innerHTML
= "Code is: " + dicepicture;
}
}
}
document.getElementById("vari3").innerHTML = "Value of Dice is: "
+ dice
}