Javascript 将PHP数组显示为动画？

我有一个php数组，我用一个while循环来显示它，它从sql数据库中获取数据，此时数组中的所有内容都会立即出现，但是有可能让它们以半秒的延迟显示吗？我必须使用Javascript吗？

是的，您需要Javascript。只需使用jQuery。在页面加载之前使用CSS隐藏内容容器，并在所需的时间间隔之后使用

setTimeout（）

显示内容（

fadeIn（）

）

这里有一把小提琴：

您可以在数组周围放置一个

，如下所示：

<div id="myElementID" style="display:none;">
MY ARRAY
</div>

<div id="myRow1" style="display:none;">
ROW 1
</div>
<div id="myRow2" style="display:none;">
ROW 2
</div>
<div id="myRow3" style="display:none;">
ROW 2
</div>
.......
<div id="myRowN" style="display:none;">
ROW N
</div>

这不需要其他库

如果需要执行多行操作，您可以在每行周围包装一个

，如果您使用的是表，则可以使用

标记，如下所示：

<div id="myElementID" style="display:none;">
MY ARRAY
</div>

<div id="myRow1" style="display:none;">
ROW 1
</div>
<div id="myRow2" style="display:none;">
ROW 2
</div>
<div id="myRow3" style="display:none;">
ROW 2
</div>
.......
<div id="myRowN" style="display:none;">
ROW N
</div>

第1行
第2排
第2排
.......
第N排

在你的剧本中：

for (i = 1; i <= N; i++) { 
  window.setTimeout("showElement('myRow"+i+"')",500);
}

---

for（i=1；i如果您想在PHP中执行此操作，您可以通过超时来调用javascript函数。确保首先包含jQuery库并定义了要调用的方法。它将类似于下面的代码。您可以更改
$delay
变量，以获得不同元素之间或多或少的延迟

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
    function makeVisible(id, delay)
    {
        setTimeout(function(){

            $('#'+id).fadeIn();

        }, delay);
    }
</script>

<?php
    $delay  = 500;
    $array  = array(1,2,3,4,5);

    $counter = 0;
    foreach($array as $value)
    {
        $uniqueId = 'aClassName'.$counter;

        echo '<div style="display:none;" id="'.$uniqueId.'">'.$value.'</div>';
        echo '<script>makeVisible("'.$uniqueId.'", '.($counter++*$delay).')</script>';
    }
?>


函数makeVisible（id、延迟）
{
setTimeout（函数（）{
$（'#'+id）.fadeIn（）；
}，延误）；
}
我想你可以使用像Fadei这样的jQuery方法，你希望每个元素单独显示一个延迟，还是希望整个集合在一个特定的延迟后显示？我想你没有回答他的问题。他不是要求不同数组元素之间有一个延迟吗？你可能是对的。因此他可以使用多个
'，每行一个，然后运行脚本一个接一个地显示它们。