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中获取元素索引的函数
Sep 10 Javascript
循环 vs 递归浅谈
Feb 28 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
javascript常用功能汇总
Jul 05 Javascript
js实现表格筛选功能
Jan 18 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
10个经典的网页鼠标特效代码
Jan 09 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 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实现的生成静态HTML速度快类库
2007/03/31 PHP
比较时间段一与时间段二是否有交集的php函数
2011/05/31 PHP
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
php将字符串转化成date存入数据库的两种方式
2014/04/28 PHP
PHP 在数组中搜索给定的简单实例 array_search 函数
2016/06/13 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
checkbox勾选判断代码分析
2014/06/11 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
在vue中安装使用vux的教程详解
2018/09/16 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
15 分钟掌握vue-next响应式原理
2019/10/13 Javascript
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
python自定义异常实例详解
2017/07/11 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
python 实现调用子文件下的模块方法
2018/12/07 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
Python下载的11种姿势(小结)
2020/11/18 Python
CSS3 中filter(滤镜)属性使用详解
2020/04/07 HTML / CSS
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
行政主管岗位职责
2013/11/18 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书
漂亮妈妈观后感
2015/06/08 职场文书
借钱欠条怎么写
2015/07/03 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js