javascript - 将 PHP 数组显示为动画？

Question

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

Answer 1

您可以输入 <div>在你的数组周围，像这样:

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

并且它将不可见。使用 Javascript，您可以使其在例如 1000 毫秒后可见，方法是:

function showElement(id)
// make hidden element visible
{
  document.getElementById(id).style.display = "";
}

window.setTimeout("showElement('myElementID')",1000);

不需要其他库。

如果您需要执行多行操作，您可以包装 <div>每行周围，或使用 <tr>如果您使用表格，请标记，如下所示:

<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>

在你的脚本中:

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

您仍然需要 showElement()功能。