Javascript 延迟显示和隐藏表中的行

我试图显示一个包含100行的表，我想先显示前20行，然后隐藏其他行。然后，接下来的20行，直到我们达到100行并刷新页面…我使用setTimeout函数延迟隐藏和显示特定行的过程，但如果我使用setTimeout 26000秒，它不会响应

PHP

Intro
我理解你的剧本有点困难。
我想制作一个不同的脚本来做同样的事情

下面的脚本隐藏了所有行

然后它每秒钟遍历一次，并显示20个新行

最终版本中的修复方法是避免使用全局参数。（正在进行）

示例Scriptlet：


var i=0；
var限值=100；
var a=函数（）{
风险值列表=$（“#表1 tr”）；
i=i+20；
警报（一）；
$（“#表1 tr”）。每个（函数（）{
var val=$（“td:eq（0）”，this.html（）；
if（val
问题到底出在哪里？问题是我想先显示20行13秒，然后隐藏这20行（0-20）并显示20-40行13秒……然后继续，直到我们最终得到100行，刷新整个页面并再次读取整个表格以检查是否有新的行rows@Legend旋风“刷新整个页面并再次阅读整个表格以检查是否有新行”…因此，一旦您完成了100项，您想重新加载整个页面吗？我可以修改我的脚本以执行您想要的操作…只是尝试理解整个内容。所以您想一次只显示20行..5次之后，重新加载整个页面？（5*20行=100行…刷新，再次执行）首先感谢你的帮助，伙计…整个故事是这样的…我有一个表，上面有考试和学生，我想把结果显示给一个监视器，刷新结果…在乞讨中，我想阅读整个表，显示前20名学生，并暂停一会儿…然后程序隐藏前20名学生和学生它将显示下一个20并暂停…直到我们到达最后一个学生，最后我们将刷新整个页面以检查是否有新学生
<?php 
$sql = "SELECT *, ROW_NUMBER() OVER(ORDER BY jloc_title ASC) AS Rownum,jloc_id, jloc_title 
FROM Locations";
$stmt = sqlsrv_query($connection,$sql);
if($stmt == false)
{
echo"Error (sqlsrv_query):".print_r(sqlsrv_errors(),true);
exit;
}
while($row1=sqlsrv_fetch_array($stmt))
{
$id = $row1[0];
$title = $row1[1];
$Rownumber = $row1[2];              
echo"<tr id='Row' value='".$Rownumber."'    >";
echo"<td class='text-center'> " .$Rownumber.  "</td>";
echo"<td class='text-center'> " .$id. "</td>";
echo"<td class='text-center'> " .$title. "</td>";
echo"</tr>";
}
?>

$(document).ready(function(){
var number = document.getElementById("table1").rows.length ; 
alert (number); 
    $(function(){
        $("#table1 tr").each(function(){
            var val = $("td:eq(0)", this).html();
            if(val > 2)
            {
                $(this).hide(); 

                        setTimeout(function(){  
                        $("#table1 tr").each(function(){
                        var val1 = $("td:eq(0)",this).html();
                        if(val1 <= 2)
                        {$(this).hide();    }
                        });
                        },13000);


                        setTimeout(function(){          
                            $("#table1 tr").each(function(){
                            var val2 = $("td:eq(0)",this).html();
                            if( 2< val2 && val2 <= 4)
                            {
                                $(this).show();

                            }
                            else
                            {
                                setTimeout(function(){location.reload();}, 13001);
                            }
                        });
                        },13001);

                if(number > 4 )
                {

                        setTimeout(function(){  
                            $("#table1 tr").each(function(){
                            var val3 = $("td:eq(0)",this).html();
                                if( val3 <= 4)
                                {
                                $(this).hide();
                                }
                            });
                        },20000);
                                    setTimeout(function(){          
                                    $("#table1 tr").each(function(){
                                    var val4 = $("td:eq(0)",this).html();
                                        if( val4 > 4 && val4 <= 6  )
                                        {
                                            $(this).show();
                                        }
                                        else
                                        {
                                            setTimeout(function(){location.reload();},20001);
                                        }
                                    });
                                    },20001);

                                if(number >6 )
                                {
                                    setTimeout(function(){   
                                    $("#table1 tr").each(function(){
                                    var val5 = $("td:eq(0)",this).html();
                                    if( val5 <= 6 )
                                    {
                                        $(this).hide();
                                    }
                                    });
                                    },26000);


                                    setTimeout(function(){   
                                        $("#table1 tr").each(function(){
                                        var val6 = $("td:eq(0)",this).html();
                                        if ( val6 > 6 && val6 <= 8 )
                                        {
                                            $(this).show();


                                        }
                                        else
                                        {
                                            setTimeout(function(){location.reload();},26001);
                                        }

                                        });
                                    },26001);

                                }
                                else
                                {
                                    setTimeout(function(){location.reload();},25003); 
                                }

                }
                else
                {
                    setTimeout(function(){location.reload();},25000); 
                }
            }
            else
            {
                setTimeout(function(){location.reload();},20003); 
            }
        });
    });

<script>
var i= 0;
var limit = 100;
var a = function(){

                                    var list = $("#table1 tr");
                                    i=i+20;
                                    alert(i);

                                    $("#table1 tr").each(function(){
                                        var val = $("td:eq(0)", this).html();   
                                        if(val < i){
                                             $(this).show();
                                        }
                                    }); 

                                    if(i < limit){
                                        setTimeout(a, 1000);
                                    }


                                 };


$(document).ready(function(){
    alert("Test1");

var number = document.getElementById("table1").rows.length ; 
alert (number); 
    $(function(){

        //Hide All
        $("#table1 tr").each(function(){
                var val = $("td:eq(0)", this).html();   
                $(this).hide();             
        }); 





         setTimeout(a, 1000);



        }); 

});     

</script>