JS运行耗时操作的延时显示方法
更新时间：2010年11月19日 20:08:22 作者：
今天用JS允许一个ActiveX，挺耗时的，想在允许时提示用户正在允许，而不至于漏斗在那里
代码如下：
document.getElementById("btnConnect").value = "连接中";
Connect(); // 很耗时的操作
document.getElementById("btnConnect").value = "已连接";
执行的时候发现，按钮并没有改为“连接中”的状态，而是等Connect();执行完以后才快速改为“连接中”
弄了一下午很是郁闷，后来同学帮忙，提供一个方法，加上setTimeout，达到想要的效果。
代码如下
document.getElementById("btnConnect").value = "正在连接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。
复制代码 代码如下:
document.getElementById("btnConnect").value = "连接中";
Connect(); // 很耗时的操作
document.getElementById("btnConnect").value = "已连接";
执行的时候发现，按钮并没有改为“连接中”的状态，而是等Connect();执行完以后才快速改为“连接中”
弄了一下午很是郁闷，后来同学帮忙，提供一个方法，加上setTimeout，达到想要的效果。
代码如下
复制代码 代码如下:
document.getElementById("btnConnect").value = "正在连接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。
相关文章
Web层改进II-用xmlhttp 无声息提交复杂表单...2007-01-01
本篇文章主要介绍了详解webpack babel的配置，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
本文主要介绍和小结js的构造函数,关联数组的实现方式和使用,及不可变对象和它的实现方式及他们使用过程中要注意的点,需要的朋友可以参考下2014-11-11
Javascript json object 与string 相互转换的简单实现
下面小编就为大家带来一篇Javascript json object 与string 相互转换的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
js安全漏洞目前存在较大的技术难题，本文结合案例给大家详解JavaScript 常见安全漏洞和自动化检测技术，需要的朋友可以参考下2015-08-08
动态控制Table的js代码...2007-03-03
这篇文章主要介绍了JS基于for语句编写的九九乘法,涉及for语句循环输出结合table表格布局实现九九乘法功能的相关操作技巧,需要的朋友可以参考下2018-01-01
js操作cookie想必大家并不陌生吧，本文积累了一点小经验，在此与大家分享下，希望对大家有所帮助2013-09-09
在JavaScript中遇到处理错误很让人头疼，这篇文章整理了JavaScript错误处理实践，有需要的小伙伴们可以参考。2016-07-07
这篇文章主要给大家介绍了关于js实用技巧之去除数组或者对象里重复选项的相关资料,JavaScript数组有很多内置方法,可以操作和处理数据,文中通过代码示例介绍的非常详细,需要的朋友可以参考下2023-08-08
最新评论