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 相关文章推荐
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
js中url对象化管理分析
Dec 29 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
在微信小程序中渲染HTML内容的方法示例
Sep 28 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 Javascript
关于antd tree 和父子组件之间的传值问题(react 总结)
Jun 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
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
php基础学习之变量的使用
2011/06/09 PHP
PHP登陆后跳转到登陆前页面实现思路及代码
2014/01/17 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
js控制div及网页相关属性的代码
2009/12/19 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
Javascript实现div的toggle效果实例分析
2015/06/09 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
Google 地图获取API Key详细教程
2016/08/06 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
2016/12/27 Javascript
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
layui的select联动实现代码
2019/09/28 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
python实现dict版图遍历示例
2014/02/19 Python
Python contextlib模块使用示例
2015/02/18 Python
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
详解Python中for循环的使用方法
2015/05/14 Python
浅谈Django REST Framework限速
2017/12/12 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
python语言实现贪吃蛇游戏
2020/11/13 Python
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
创联软件面试题笔试题
2012/10/07 面试题
出国签证在职证明
2014/01/16 职场文书
护林防火标语
2014/06/27 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python