我想用 javascript 来顺次显示一条条的信息。

[darasion]

一个页面有很多条目，保存在某个结构中。

如果让这些东西载入后统一显示，给人的感觉很慢。
所以我想让它们不是一次全部显示，而是随着html的载入，载入一条显示一条。

例如：
我做一个函数放在每个条目中，

function showTopic(id){
//....
}

然后一个 topic 列表，

<ul>
<li><script type="text/javascript">showTopic(1);</script></li>
<li><script type="text/javascript">showTopic(2);</script></li>
<li><script type="text/javascript">showTopic(3);</script></li>
<li><script type="text/javascript">showTopic(4);</script></li>
<li><script type="text/javascript">showTopic(5);</script></li>
</ul>


我试过用document.write()，静态载入的可以，直接就能显示。
但是如果这条信息是通过ajax载入进来的，就会把整个页面都替换成它的内容，显然这个不符合要求。


我该怎么做呢？

[chone]

<ul id="container">
</ul>

<script type="text/javascript">
var containerEl = document.getElementById('container');

var showTopic = function(id){
var el = document.createElement('li');
el.innerHTML = '<script type="text/javascript">showTopic(' + id + ');</script>';
containerEl.appendChild(el);
}

</script>