好吧,setTimeOut() 的问题是,当第一个 oneNumber() 函数执行时,循环已经结束,并且 y=31。我认为当你调用 setTimeOut() 函数时会有一种方法来修复变量值,但我还没有找到它。这是我发现的唯一方法:
<!DOCTYPE html>
<body>
<?php
for ($i=1; $i<=30; $i++) {
$roll = mt_rand(1,3);
if ($roll==1) {echo '<b id="b'.$i.'" style="display: none;"> 1</b>';}
elseif ($roll==2) {echo '<b id="b'.$i.'" style="display: none;"> 2</b>';}
else {echo '<b id="b'.$i.'" style="display: none;"> 3</b>';}
}
?>
<script>
window.onload = function () {
window.setTimeout(function() {
document.getElementById('b1').style.display="block";
},1000)
window.setTimeout(function() {
document.getElementById('b2').style.display="block";
},2000)
window.setTimeout(function() {
document.getElementById('b3').style.display="block";
},3000)
window.setTimeout(function() {
document.getElementById('b4').style.display="block";
},4000)
window.setTimeout(function() {
document.getElementById('b5').style.display="block";
},5000)
window.setTimeout(function() {
document.getElementById('b6').style.display="block";
},6000)
window.setTimeout(function() {
document.getElementById('b7').style.display="block";
},7000)
window.setTimeout(function() {
document.getElementById('b8').style.display="block";
},8000)
window.setTimeout(function() {
document.getElementById('b9').style.display="block";
},9000)
window.setTimeout(function() {
document.getElementById('b10').style.display="block";
},10000)
window.setTimeout(function() {
document.getElementById('b11').style.display="block";
},11000)
window.setTimeout(function() {
document.getElementById('b12').style.display="block";
},12000)
window.setTimeout(function() {
document.getElementById('b13').style.display="block";
},13000)
window.setTimeout(function() {
document.getElementById('b14').style.display="block";
},14000)
window.setTimeout(function() {
document.getElementById('b15').style.display="block";
},15000)
window.setTimeout(function() {
document.getElementById('b16').style.display="block";
},16000)
window.setTimeout(function() {
document.getElementById('b17').style.display="block";
},17000)
window.setTimeout(function() {
document.getElementById('b18').style.display="block";
},18000)
window.setTimeout(function() {
document.getElementById('b19').style.display="block";
},19000)
window.setTimeout(function() {
document.getElementById('b20').style.display="block";
},20000)
window.setTimeout(function() {
document.getElementById('b21').style.display="block";
},21000)
window.setTimeout(function() {
document.getElementById('b22').style.display="block";
},22000)
window.setTimeout(function() {
document.getElementById('b23').style.display="block";
},23000)
window.setTimeout(function() {
document.getElementById('b24').style.display="block";
},24000)
window.setTimeout(function() {
document.getElementById('b25').style.display="block";
},25000)
window.setTimeout(function() {
document.getElementById('b26').style.display="block";
},26000)
window.setTimeout(function() {
document.getElementById('b27').style.display="block";
},27000)
window.setTimeout(function() {
document.getElementById('b28').style.display="block";
},28000)
window.setTimeout(function() {
document.getElementById('b29').style.display="block";
},29000)
window.setTimeout(function() {
document.getElementById('b30').style.display="block";
},30000)
}
</script>
</body>
</html>