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 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
javascript 内存回收机制理解
Jan 17 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
Jul 06 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
JavaScript实现简单动态表格
Dec 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
php中HTTP_REFERER函数用法实例
2014/11/21 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
jQuery创建插件的代码分析
2011/04/14 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
javascript 闭包详解
2015/07/02 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
Bootstrap按钮组实例详解
2017/07/03 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
原生js实现照片墙效果
2020/10/13 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
python解析xml文件实例分享
2013/12/04 Python
Python实现的Kmeans++算法实例
2014/04/26 Python
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
python 性能提升的几种方法
2016/07/15 Python
python实现多人聊天室
2020/03/31 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
python中str内置函数用法总结
2020/12/27 Python
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
美国和加拿大房车出售在线分类广告:RVT.com
2018/04/23 全球购物
德国网上宠物店:Zoobio
2018/05/23 全球购物
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
教师实习自我鉴定
2013/12/11 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
团队拓展活动方案
2014/08/28 职场文书
乡镇党员干部群众路线对照检查材料思想汇报
2014/09/28 职场文书
2014年新教师工作总结
2014/11/08 职场文书