JS运行耗时操作的延时显示方法

  代码如下:

  

复制代码 代码如下:

  document.getElementById("btnConnect").value = "连接中";

  Connect(); // 很耗时的操作

  document.getElementById("btnConnect").value = "已连接";

  执行的时候发现,按钮并没有改为“连接中”的状态,而是等Connect();执行完以后才快速改为“连接中”

  弄了一下午很是郁闷,后来同学帮忙,提供一个方法,加上setTimeout,达到想要的效果。

  代码如下

  

复制代码 代码如下:

  document.getElementById("btnConnect").value = "正在连接";

  setTimeout("Connect()", 1);

  然后把document.getElementById("btnConnect").value = "已连接";移到Connect()中。