Javascript循环执行一个函数,该函数中有动态为页面上表格增加行。
我希望运行时能看着表格增加过程,可实际情况是页面先一片空白,然后把全部增长完的表格一次性显示出来。
请高手指教!
附代码如下:for (i=0;i<10;i++) {
showFun();
}
我希望运行时能看着表格增加过程,可实际情况是页面先一片空白,然后把全部增长完的表格一次性显示出来。
请高手指教!
附代码如下:for (i=0;i<10;i++) {
showFun();
}
var clearObject=null;
var count=0;
function add()
{
var table=document.getElementById("mytable");
var tr = table.insertRow();
var td=tr.insertCell(0);
td.innerText="sadf";
count=count+1;
if(count>10)
{
clearInterval(clearObject);
}
}
function setTime()
{
clearObject=setInterval("add()",1000);
}
</script> <input type="button" value="添加行" onclick="setTime();" />
不过这样已经有很大进展了,我现在正在尝试你的方法。
<script>
var clearObject=null;
var count=0;
var timer = null;
function add()
{
if(count>10)
{
clearTimeout(timer);
count = 0;
return;
}
var table=document.getElementById("mytable");
var tr = table.insertRow();
var td=tr.insertCell(0);
td.innerText=count;
count=count+1;
timer = setTimeout("add()",1000);
}
</script>
<input type="button" value="添加行" onclick="add();" />
<table id="mytable" ></table>
改为setTimeout的方法 就可解决lz时间是不确定的的问题了