进步栏para ciclos for em php

时间:2017-02-03 21:07:53

标签: php jquery

我的问题非常简单。我在其他周期中有一些周期,但是,让我们想象它只是一个,我想使用进度条只显示这个周期的进度。

我这里有我正在开发的代码,其中我使用的是UIKit,但这让我头疼,因为除了进度条之外一切正常。

内存消耗也完全夸张了,因为通过任务管理器我看到RAM被完全消耗了!

我正在使用的代码是:

    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <link rel="stylesheet" href="uikit3/css/uikit.min.css" />
            <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
            <script src="uikit3/js/uikit.min.js"></script>
        </head>
        <body>
    <progress id="progressbar" class="uk-progress" value="0" max="100"></progress>
    <div id="information" style="width"></div>
    <div id="information2" style="width"></div>
    <?php

    ini_set('memory_limit','16M');

    $total = 1741768;
    $x = 0;

    for($n1=1; $n1 < 15; ++$n1)
    {
      for($n2=($n1+1); $n2<48; ++$n2)
      {
        for($n3=($n2+1); $n3<49; ++$n3)
        {
          for($n4=($n3+1); $n4<50; ++$n4)
          {
            for($n5=($n4+1); $n5<51; ++$n5)
            {
                ++$x;
                $percent = intval($x/$total * 100);

                echo '<script language="javascript">document.getElementById("information").innerHTML="'.$percent.'"</script>';
                echo '<script language="javascript">document.getElementById("information2").innerHTML="'.$x.'"</script>';

                echo '<script>

                    jQuery(function () {

                        var animate = setInterval(function () {

                        window.progressbar && (progressbar.value = "'.$percent.'");

                        if (!window.progressbar || progressbar.value >= progressbar.max) {
                            clearInterval(animate);
                        }

                        },0);

                    });
                </script>';


                    }
                }
            }
        }
    }
            echo '<script language="javascript">document.getElementById("information").innerHTML="Chaves Geradas!"</script>';
    ?>


    </body>
    </html>

0 个答案:

没有答案