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 相关文章推荐
在IE下获取object(ActiveX)的Param的代码
Sep 15 Javascript
jquery last-child 列表最后一项的样式
Jan 22 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 Javascript
AngularJS ng-app 指令实例详解
Jul 30 Javascript
微信小程序自定义导航隐藏和显示功能
Jun 13 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
ES6中Array.includes()函数的用法
Sep 20 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 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
PHP 动态随机生成验证码类代码
2010/04/09 PHP
微信自定义菜单的处理开发示例
2015/04/16 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
PHP面向对象详解(三)
2015/12/07 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
2011/07/26 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
js滚轮事件兼容性问题需要注意哪些
2016/11/15 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
js实现随机数字字母验证码
2017/06/19 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
2018/02/26 Javascript
妙用缓存调用链实现JS方法的重载
2018/04/30 Javascript
利用es6 new.target来对模拟抽象类的方法
2019/05/10 Javascript
Python使用Supervisor来管理进程的方法
2015/05/28 Python
详解 Python中LEGB和闭包及装饰器
2017/08/03 Python
django解决跨域请求的问题
2018/11/11 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
药品质量检测应届生求职信
2013/11/14 职场文书
创业计划书的写作技巧及要点
2014/01/31 职场文书
青年文明号服务承诺
2014/03/31 职场文书
小学生环保标语
2014/06/13 职场文书
项目投资合作意向书
2014/07/29 职场文书
中秋节随笔
2015/08/15 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python
深入浅析React中diff算法
2021/05/19 Javascript