JS运行耗时操作的延时显示方法


Posted in Javascript onNovember 19, 2010

代码如下:

document.getElementById("btnConnect").value = "连接中"; 
Connect(); // 很耗时的操作 
document.getElementById("btnConnect").value = "已连接";

执行的时候发现,按钮并没有改为“连接中”的状态,而是等Connect();执行完以后才快速改为“连接中”
弄了一下午很是郁闷,后来同学帮忙,提供一个方法,加上setTimeout,达到想要的效果。
代码如下
document.getElementById("btnConnect").value = "正在连接"; 
setTimeout("Connect()", 1);

然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。
Javascript 相关文章推荐
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
jQuery应用之jQuery链用法实例
Jan 19 Javascript
JavaScript DOM进阶方法
Apr 13 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
详解vue父子模版嵌套案例
Mar 04 Javascript
Angularjs处理页面闪烁的解决方法
Mar 09 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
react-native滑动吸顶效果的实现过程
Jun 03 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 Javascript
详解 TypeScript 枚举类型
Nov 02 Javascript
function foo的原型与prototype属性解惑
Nov 19 #Javascript
高亮显示web页表格行的javascript代码
Nov 19 #Javascript
javascript tips提示框组件实现代码
Nov 19 #Javascript
突发奇想的一个jquery插件
Nov 19 #Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 #Javascript
基于jQuery的获得各种控件Value的方法
Nov 19 #Javascript
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 #Javascript
You might like
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
用户注册常用javascript代码
2009/08/29 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
vue 解决数组赋值无法渲染在页面的问题
2019/10/28 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
python函数超时自动退出的实操方法
2020/12/28 Python
python实现三种随机请求头方式
2021/01/05 Python
css3学习心得分享
2013/08/19 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
银行实习生的自我评价
2014/01/13 职场文书
教育科研先进个人材料
2014/01/26 职场文书
品牌宣传方案
2014/03/21 职场文书
小学生读书活动总结
2014/06/30 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
党的群众路线教育实践活动方案
2014/10/31 职场文书
环卫处个人工作总结
2015/03/04 职场文书
2015年项目工作总结
2015/04/29 职场文书
《丑小鸭》教学反思
2016/02/19 职场文书