JS運行耗時操作的延時顯示方法
更新時間：2010年11月19日 20:08:22 作者：
今天用JS允許一個ActiveX，挺耗時的，想在允許時提示用戶正在允許，而不至于漏斗在那里
代碼如下：
document.getElementById("btnConnect").value = "連接中";
Connect(); // 很耗時的操作
document.getElementById("btnConnect").value = "已連接";
執(zhí)行的時候發(fā)現(xiàn)，按鈕并沒有改為“連接中”的狀態(tài)，而是等Connect();執(zhí)行完以后才快速改為“連接中”
弄了一下午很是郁悶，后來同學(xué)幫忙，提供一個方法，加上setTimeout，達到想要的效果。
代碼如下
document.getElementById("btnConnect").value = "正在連接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已連接";移到Connect()中。
復(fù)制代碼 代碼如下:
document.getElementById("btnConnect").value = "連接中";
Connect(); // 很耗時的操作
document.getElementById("btnConnect").value = "已連接";
執(zhí)行的時候發(fā)現(xiàn)，按鈕并沒有改為“連接中”的狀態(tài)，而是等Connect();執(zhí)行完以后才快速改為“連接中”
弄了一下午很是郁悶，后來同學(xué)幫忙，提供一個方法，加上setTimeout，達到想要的效果。
代碼如下
復(fù)制代碼 代碼如下:
document.getElementById("btnConnect").value = "正在連接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已連接";移到Connect()中。
相關(guān)文章
Web層改進II-用xmlhttp 無聲息提交復(fù)雜表單
Web層改進II-用xmlhttp 無聲息提交復(fù)雜表單...2007-01-01
本篇文章主要介紹了詳解webpack babel的配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
js構(gòu)造函數(shù)、索引數(shù)組和屬性的實現(xiàn)方式和使用
本文主要介紹和小結(jié)js的構(gòu)造函數(shù),關(guān)聯(lián)數(shù)組的實現(xiàn)方式和使用,及不可變對象和它的實現(xiàn)方式及他們使用過程中要注意的點,需要的朋友可以參考下2014-11-11
Javascript json object 與string 相互轉(zhuǎn)換的簡單實現(xiàn)
下面小編就為大家?guī)硪黄狫avascript json object 與string 相互轉(zhuǎn)換的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
JavaScript 常見安全漏洞和自動化檢測技術(shù)
js安全漏洞目前存在較大的技術(shù)難題，本文結(jié)合案例給大家詳解JavaScript 常見安全漏洞和自動化檢測技術(shù)，需要的朋友可以參考下2015-08-08
動態(tài)控制Table的js代碼...2007-03-03
這篇文章主要介紹了JS基于for語句編寫的九九乘法,涉及for語句循環(huán)輸出結(jié)合table表格布局實現(xiàn)九九乘法功能的相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
js操作cookie想必大家并不陌生吧，本文積累了一點小經(jīng)驗，在此與大家分享下，希望對大家有所幫助2013-09-09
在JavaScript中遇到處理錯誤很讓人頭疼，這篇文章整理了JavaScript錯誤處理實踐，有需要的小伙伴們可以參考。2016-07-07
這篇文章主要給大家介紹了關(guān)于js實用技巧之去除數(shù)組或者對象里重復(fù)選項的相關(guān)資料,JavaScript數(shù)組有很多內(nèi)置方法,可以操作和處理數(shù)據(jù),文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-08-08