Posted on 2007-10-23 09:49
草 鞋 閱讀(178)
評論(0) 編輯 收藏 所屬分類:
JavaScript
<body>
<button onclick="run();">run</button>
當前正在繪制<button id="rowBox" style="border:1px solid #bfbfbf;width:100px;">0</button>行<br/>
當前正在繪制<div id="progress" style="border:1px solid #bfbfbf;"><div id="box">o</div></div>
</body>
<script language="javascript">
var table = document.createElement("table");
document.body.appendChild(table,null);
table.appendChild(document.createElement("tbody"),null);
//
//append();
//append();
//
function run()
{
setTimeout("append()", 300);
}
//
function append()
{
//
var row = parseInt(table.getElementsByTagName("tbody")[0].rows.length);
table.getElementsByTagName("tbody")[0].insertRow(row);
table.getElementsByTagName("tbody")[0].rows(row).insertCell(0).innerHTML = "Love:"+ row;
Box(row);
rowBox.innerHTML = row + 1;
if(row<99)setTimeout("append()", 100);
}
function Box(i)
{
box.innerHTML = " ";
box.style.width = i * 5 ;
box.style.background = "#335588";
}
//
function delay(time)
{
//
for (var i = 0; i < time ; i ++ )
{
//
}
}
</script>