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 相关文章推荐
JS获取后台Cookies值的小例子
Mar 04 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
Eclipse去除js(JavaScript)验证错误
Feb 11 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
javascript实现uploadify上传格式以及个数限制
Nov 23 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 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
yii2超好用的日期组件和时间组件
2016/05/05 PHP
PHP微信API接口类
2016/08/22 PHP
番茄的表单验证类代码修改版
2008/07/18 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
Jquery中巧用Ajax的beforeSend方法
2016/01/20 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
巧用Javascript的逻辑运算符
2016/12/02 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
详解vue2 $watch要注意的问题
2017/09/08 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
python放大图片和画方格实现算法
2018/03/30 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
python读取指定字节长度的文本方法
2019/08/27 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
Overload和Override的区别
2012/09/02 面试题
总裁秘书岗位职责
2013/12/04 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
班子四风对照检查材料
2014/08/21 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
2016新年问候语大全
2015/11/11 职场文书
使用Django框架创建项目
2022/06/10 Python
基于Python编写一个监控CPU的应用系统
2022/06/25 Python