innerHTML数据写入时,加载状态

来源:百度知道 编辑:UC知道 时间:2024/06/16 02:33:04
用innerHTML向一个div写数据,当数据量大时,会卡,白屏。
想给这动作加个“正在加载”效果,不知道有什么办法可以做到!
待数据完全显示后再取消提示!

<HTML>
<HEAD>
<TITLE>测试:正在加载。。。。</TITLE>
<script>
function bet(co){
var bb="";
go = 3000
for(i=0; i<go; i++){
bb += co
}
window.show.innerHTML = bb
}

function kill(){
document.getElementById("loading").style.display = 'none';
}
</script>
</HEAD>

<BODY>
<A HREF="javascript:bet('aaa')">aaa</A>  <A HREF="javascript:bet('bbb')">bbb</A>  <A HREF="javascript:bet('ccc')">ccc</A>  <A HREF="javascript:bet('ddd')">ddd</A>
<div id=show></div>
<div id="loading">正在加载......</div>
<script>
bet('aaa

<div id=show></div>
<div id="loading">正在加载......</div>

-----
var showDiv = document.getElementById("show");
var loadDiv = document.getElementById("loading");
showDiv.style.display = "none";
loadDiv.style.display = "inline";
showDiv.innerHTML = "xxxxx";
loadDiv.style.display = "none";
showDiv.style.display = "inline";