87,910
社区成员
发帖
与我相关
我的任务
分享在客户端输出大数据量时,如何提示正在"loading"?
我用javascript向页面写数据,但数据量较大,我想在还没输出结果前页面上提示"loading.....".我用了一个div控制其display属性,想在写数据的函数前使DIV可见,该函数结束后使DIV隐藏.但却总是不能显示出来,做了个for循环进行延时想使DIV显示,但也不灵,时显时不显.
请教有何办法解决?
(注:完全是客户端写数据,不触发页面的onload)
请教有何办法解决?
(注:完全是客户端写数据,不触发页面的onload)
...全文
请发表友善的回复…
发表回复
cxz7531 2004-12-23
- 打赏
- 举报
用层吧，装载完毕隐藏掉
alan99 2004-12-23
- 打赏
- 举报
to xjdawu(WOW) ,关键就是那样不行.document.all.x.style.display='block';和输出数据之间好像需要延时才行,我用FOR循环延时也时显时不显
xjdawu 2004-12-23
- 打赏
- 举报
function writeData_onclick() {
document.all.x.style.display='block';
... ...
//写数据
... ...
document.all.x.style.display='none';
}
document.all.x.style.display='block';
... ...
//写数据
... ...
document.all.x.style.display='none';
}
alan99 2004-12-23
- 打赏
- 举报
是点击客户端的一个按钮时才向页面写数据的,即显示状态的DIV刚开始时应该是不可见的,我想实现的是当点击该按钮向页面写数据前使DIV可见,内容输出完毕后DIV隐藏
梅雪香 2004-12-23
- 打赏
- 举报
用模态窗口试试吧
孟子E章 2004-12-23
- 打赏
- 举报
<body
<div id=x>loading.....</div>
.....
<script>
document.all.x.style.display='none'
</script>
</body>
<div id=x>loading.....</div>
.....
<script>
document.all.x.style.display='none'
</script>
</body>
meizz 2004-12-23
- 打赏
- 举报
<html>
<head>
<title>梅花雪的页面加载</title>
<script language=javascript><!--
document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50">'+
'页面正在载入，请等待<span id="loading"></span></div>');
var setInterval1 = setInterval("loading.innerText += '.'", 300);
var setInterval2 = setInterval("loading.innerText = ''", 15000);
function window.onload()
{
hiddenDiv.style.display=""; //显示页面内容
loadDiv.removeNode(true);
clearInterval(setInterval1);
clearInterval(setInterval2);
}
// --></script>
</head>
<body>
<div id=hiddenDiv style="display: none">
<img src=http://www.csdn.net/images/homeimage/csdn.gif>
<!-- 将你的网页所有内容都放在这个div之内即可 -->
</div>
</body>
</html>
<head>
<title>梅花雪的页面加载</title>
<script language=javascript><!--
document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50">'+
'页面正在载入，请等待<span id="loading"></span></div>');
var setInterval1 = setInterval("loading.innerText += '.'", 300);
var setInterval2 = setInterval("loading.innerText = ''", 15000);
function window.onload()
{
hiddenDiv.style.display=""; //显示页面内容
loadDiv.removeNode(true);
clearInterval(setInterval1);
clearInterval(setInterval2);
}
// --></script>
</head>
<body>
<div id=hiddenDiv style="display: none">
<img src=http://www.csdn.net/images/homeimage/csdn.gif>
<!-- 将你的网页所有内容都放在这个div之内即可 -->
</div>
</body>
</html>
