如何定时让内容一行一行输出来，而不是一下子就都出来

Question

如题，比如：
1
2
3
4
5
6我想让1先出来，然后过一小会，2再出来，。

Answer 1

<div id=x></div>
<script>
i=1
setInterval('document.getElementById("x").innerHTML+=i+++"<br/>"',1000)
</script>

Answer 2

<div id="myid"></div><script type="text/javascript">
function show(n){
  document.getElementById("myid").innerHTML+= n+"<br />";
  if(n<6) setTimeout(function(){show(n+1)},300);
}show(1);
</script>
setTimeout(function(){show(n+1)},300);
关键点就是采用了JS的闭包原理来解决异步执行时参数传递问题.

Answer 3

那如何让内容里遇到<br>就过一会输出呢
比如源代码里是这样的：
a<br>b<br>c<br>d<br>我想让a出来一会后b出来，然后...

Answer 4

<div id=x></div>
<script>
i=0
var obj="a<br>b<br>c<br>d<br>".split("<br>")
setInterval('document.getElementById("x").innerHTML+=obj[i]+"<br/>"',1000)
i+=1;
</script>

Answer 5

<div id="myid"></div>
<script type="text/javascript">
var strArr="a<br>b<br>c<br>d<br>e<br>f<br>g<br>".split("<br>");function show(n){
  if(n>=strArr.length) return;
  document.getElementById("myid").innerHTML+= strArr[n]+"<br />";
  setTimeout(function(){show(n+1)},400);
}show(1);
</script>