Html 我需要放慢代码的速度,以便在屏幕上看到一些操作
我正在创建一个吃角子老虎机,到目前为止,它看起来像是在工作,但for循环移动得太快了,我看不到被替换的图像 关于如何减慢for循环或以任何其他方式查看屏幕上图像的变化,有什么想法吗Html 我需要放慢代码的速度,以便在屏幕上看到一些操作,html,loops,for-loop,Html,Loops,For Loop,我正在创建一个吃角子老虎机,到目前为止,它看起来像是在工作,但for循环移动得太快了,我看不到被替换的图像 关于如何减慢for循环或以任何其他方式查看屏幕上图像的变化,有什么想法吗 function myFunction() { var i; var dicepicture; var dice = Math.floor(Math.random() * 1000) + 1; for (i = 0; i < dic
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
}
使用
您是否尝试在代码中添加延迟,如中所述?您在一行中使用了6 else/if。请允许我把你介绍给经理,非常感谢。我知道它看起来很原始,我正在学习,仍然有点害怕使用函数和其他语句,但我已经做到了。
setTimeOut(<timeout_value>) //to delay