javascript - 使用Jquery一次显示一个数据

我需要一次显示一个数据，但是我的代码一次显示了所有数据，我想念什么？
这是我的HTML / PHP代码

<div style="position: relative;">
    <?php for ($i=1; $i < 1000; $i++) {
    ?>
    <p id="<?php echo $i; ?>" style="position: absolute; display:none; ">Name <?php echo $i; ?></p>
    <?php
    }
    ?>
</div>

这是我的Javascript代码

<script>
$(document).ready(function(){
    var count;
    $(".btn2").click(function(){
        for(count = 0; count < 1000; count++){
            $("#"+count).show();
            setTimeout(function() { $("#"+count).hide(); }, 500);
        }

    });
});
</script>

我正在使用3.2.1版的jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

最佳答案

您必须这样做才能一次显示一个数据。

<script>
$(document).ready(function(){
    var count = 0;
    $(".btn2").click(function(){
        $("#"+(count++)).show();
        setTimeout(function() { $("#"+(count-1)).hide(); }, 500);
    });
});
</script>

一键式一次显示所有数据，延迟为500毫秒：

<script>
$(document).ready(function(){
    var count = 0;
    $(".btn2").click(function(){
        var iterator = function() {
            $("#"+(count++)).show();
            setTimeout(function() { $("#"+(count-1)).hide(); if (count<1000) iterator(); }, 500);
        }
        iterator();
    });

});
</script>

关于javascript - 使用Jquery一次显示一个数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44274821/