JS運(yùn)行耗時操作的延時顯示方法
更新時間：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，達(dá)到想要的效果。
代碼如下
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，達(dá)到想要的效果。
代碼如下
復(fù)制代碼 代碼如下:
document.getElementById("btnConnect").value = "正在連接";
setTimeout("Connect()", 1);
然后把document.getElementById("btnConnect").value = "已連接";移到Connect()中。
相關(guān)文章
js中關(guān)于String對象的replace使用詳解
關(guān)于String對象的replace使用詳解,需要的朋友可以參考下。2011-05-05
這篇文章主要給大家介紹了關(guān)于js數(shù)據(jù)類型以及其判斷方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要介紹了JS原型prototype和__proto__用法,結(jié)合實例形式分析了JS原型prototype和__proto__使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2020-03-03
在使用try catch處理iframe跨域產(chǎn)生的異常時，chrome和safari瀏覽器似乎不能正常運(yùn)作：他們直接拋出了錯誤而沒有拋出可供JS截獲的異常。2011-09-09
網(wǎng)頁實時顯示服務(wù)器時間和javscript自運(yùn)行時鐘
如果每秒通過ajax加載服務(wù)器時間的話，就會產(chǎn)生大量的請求，于是打算使用js 來解決這個需求2014-06-06
下面小編就為大家?guī)硪黄猨s監(jiān)聽input輸入框值的實時變化實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要為大家詳細(xì)介紹了前端天氣插件tpwidget使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要給大家介紹了關(guān)于微信小程序使用wxParse解析html的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
構(gòu)建樹控件的比較理想的一種方法是用ul、li這種簡單的標(biāo)簽組合來實現(xiàn)，但是你如果想實現(xiàn)復(fù)雜一點(diǎn)的比如要節(jié)點(diǎn)可編輯、可拖動、可更換風(fēng)格等等我想ExtJS是最好的選擇了。2009-06-06
這篇文章主要給大家介紹了關(guān)于ES6中字符串的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06