首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js 展示等待信息或图片

2013-10-10 
js 显示等待信息或图片有经验的朋友请提供一下代码,万分感激!我需要的功能是:button 按下去调用一个耗时的

js 显示等待信息或图片
有经验的朋友请提供一下代码,万分感激!我需要的功能是:
button 按下去调用一个耗时的js程序,程序运行期间显示等待信息或图片。
[解决办法]

引用:
<script>
function ShowWait()
{
  labwaiting.style.display ="block";
 setTimeout(function(){
  GetAnalysis();
   labwaiting.style.display ="none";
 },0);
}
</script>

<label id="labwaiting" style="display:none;">Please wait...</label>
<button onclick="ShowWait()">Test Button</button>

//其中GetAnalysis()就是那个耗时长的程序。这个代码现在的问题是labwaiting显示后就立即消失!! 无法持续到GetAnalysis()运行完。


(1)首先,不管GetAnalysis是不是异步操作,你这个setTimeout用的都是没啥意义的,所以先把setTimeout去了。
(2)然后:
如果GetAnalysis不是异步,那么只去掉setTimeout就可以了。
如果GetAnalysis为异步操作,“labwaiting.style.display ="none";”这个要加在GetAnalysis函数中,而且要加在最后面,不过具体加在什么位置合适还要看你的GetAnalysis的具体代码,如果有回调函数,直接加在回调里就可以。


ps:你不引用的~~

热点排行
Bad Request.