0

我尝试制作一个循环(有条件),但我不想立即看到结果。我想查看每行以一秒间隔显示的结果。

第二个 1 = 第 1 行,第二个 2 = 第 2 行(第 1 行仍然可见),第二个 3 = 第 3 行(第 1 行,第 2 行仍然存在,依此类推..)

首先,PHP 脚本应该循环(30 行,因为条件需要 $i<=30),然后,开始以每行一秒的间隔显示结果。否则 mt_rand() 会使结果变得一团糟。

循环示例:

  for ($i=1; $i<=30; $i++) {
   $roll = mt_rand(1,3);     
    if ($roll=="1") {echo "1 <br />\n";}
elseif ($roll=="2") {echo "2 <br />\n";}
  else {echo "3 <br />\n"; }

我试图找到一些非常简单和实用的东西,没有 jQuery,没有毫无意义的长代码,而是简单的短脚本。我的JS水平真的很低,所以想请教各位大神。你能帮助我吗 ?

4

4 回答 4

0

您在寻找sleep()功能吗?在执行下一条语句之前需要几秒钟的等待。还更改了您的 1-2-3 逻辑,条件似乎没有必要。

for ($i=1; $i<=30; $i++) {
   $roll = mt_rand(1,3);
   sleep(1);
   echo $roll." <br />";
}
于 2013-08-28T15:38:00.257 回答
0

好吧,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>
于 2013-09-06T09:54:02.270 回答
0

您可以在每行之后暂停 PHP 一秒钟,并在每次唤醒时刷新输出缓冲区:

for ($i=1; $i<=30; $i++) {
    $roll = mt_rand(1,3);     
    if ($roll == "1")
        echo "1 <br />\n";
    else if ($roll == "2")
        echo "2 <br />\n";
    else
        echo "3 <br />\n";

    // Flush the output buffer
    ob_flush();
    // Sleep for one second
    sleep(1);
}

需要调用ob_flush(),因为PHP缓冲输出,所以简单的休眠会延迟页面输出,但它仍然会立即出现在浏览器中。

当您这样做时,请注意您的脚本执行时间可能比 PHP 允许的最大执行时间长。您可以在代码中设置此限制:

set_time_limit(90); // Maximum execution time is 90 seconds
set_time_limit(0);  // No execution time limit

或在您的 php.ini 文件中:

max_execution_time = 90
于 2013-08-28T15:40:54.637 回答
0

我会使用 setTimeout() 函数。 https://developer.mozilla.org/en/docs/Web/API/window.setTimeout

于 2013-08-28T15:41:30.607 回答