JS运行耗时操作的延时显示方法_javascript技巧
程序员文章站
2022-05-12 14:47:03
...
代码如下:
document.getElementById("btnConnect").value = "连接中";
Connect(); // 很耗时的操作
document.getElementById("btnConnect").value = "已连接";
执行的时候发现,按钮并没有改为“连接中”的状态,而是等Connect();执行完以后才快速改为“连接中”
弄了一下午很是郁闷,后来同学帮忙,提供一个方法,加上setTimeout,达到想要的效果。
代码如下
document.getElementById("btnConnect").value = "正在连接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。
复制代码 代码如下:
document.getElementById("btnConnect").value = "连接中";
Connect(); // 很耗时的操作
document.getElementById("btnConnect").value = "已连接";
执行的时候发现,按钮并没有改为“连接中”的状态,而是等Connect();执行完以后才快速改为“连接中”
弄了一下午很是郁闷,后来同学帮忙,提供一个方法,加上setTimeout,达到想要的效果。
代码如下
复制代码 代码如下:
document.getElementById("btnConnect").value = "正在连接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。
推荐阅读
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧
-
JS操作HTML自定义属性的方法_javascript技巧
-
JS获取下拉框显示值和判断单选按钮的方法_javascript技巧
-
JS实现控制表格只显示行边框或者只显示列边框的方法_javascript技巧
-
js控制页面的全屏展示和退出全屏显示的方法_javascript技巧
-
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法_javascript技巧
-
fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法_javascript技巧
-
js控制页面控件隐藏显示的两种方法介绍_javascript技巧
-
JS+CSS实现感应鼠标渐变显示DIV层的方法_javascript技巧