我有一個比較大的Javascript,所以我試圖在腳本上顯示一個.gif文件,並在完成後隱藏它。但是,如果我這樣做,腳本運行並在一個過程中執行所有步驟,所以圖片從不顯示。如何在運行腳本的其餘部分之前強制javascript完成圖片的顯示?我怎麼能顯示一個JavaScript的加載欄來顯示正在運行的javascript的狀態
0
A
回答
0
您有Load事件Jquery img.load question
工作 - 編輯
var myImg = new Image();
myImg.src = "my.jpg";
var myFunction = function(){
//code...
}
myImg.onLoad = function() {
myFunction();
}
你應該擴展這個例子您的需要。我希望它會有用。
3
除了事實,這是不是一個好主意,有長期運行的JavaScript代碼,你可以顯示圖像,並使用window.setInterval()啓動的javascript:
showBusy();
window.setTimeout(function() { startLongCode(); }, 100);
這將顯示忙指示燈,並在100ms後啓動您的功能。
+0
只有1ms的延遲應該足以添加異步性(允許圖像在文檔中顯示)。 – 2009-09-15 15:18:44
+0
+1,長時間運行的javascript會在某些瀏覽器中觸發警告,以允許用戶停止腳本。有些瀏覽器有最大數量的指令,有些有寬限期。 如果您將指令集成到setInterval中,每次迭代處理100-1000個項目,您應該能夠避免它,並且還能夠呈現進度條等。 – 2009-09-15 15:59:14
相關問題
- 1. 我的頁面顯示加載javascript的
- 2. Javascript:只是不能得到一個加載GIF來顯示
- 3. 動態加載的JavaScript不顯示在來源面板?
- 4. 在狀態欄上顯示JavaScript錯誤的IE瀏覽器
- 5. 我怎樣才能讓我的背景顯示在JavaScript的CSS
- 6. 怎麼來的WordPress的管理欄沒有正確顯示?
- 7. 我怎麼能顯示期
- 8. 我怎麼能顯示GGPLOT2
- 9. 顯示狀態欄第一個顯示進度
- 10. 顯示承諾的加載狀態
- 11. 在javascript中隱藏/顯示狀態
- 12. 顯示使用javascript加載
- 13. Javascript顯示div加載
- 14. 狀態欄庫不顯示
- 15. 顯示狀態欄暫時
- 16. 隱藏/顯示狀態欄
- 17. 狀態欄仍顯示
- 18. 顯示加載圖像時的iOS:黑色狀態欄
- 19. 當我的任務正在運行時在狀態欄中顯示一個圖標
- 20. 添加UIImagePickerController時狀態欄不顯示
- 21. 我怎樣才能顯示一個加載消息MVC
- 22. Javascript圖像預加載器不顯示狀態
- 23. 我怎樣才能讓我的YQL/xpath/javascript顯示?
- 24. 如何在emacs狀態欄上顯示正常運行時間?我正在尋找/ usr/bin/uptime輸出顯示在狀態欄
- 25. 狀態欄上顯示單行通知?
- 26. Qt正常狀態欄在臨時狀態後不顯示
- 27. 我怎麼能顯示的Mac OS菜單欄圖標
- 28. 顯示功能(JavaScript的)
- 29. 的Javascript顯示DIV功能
- 30. 在emacs23狀態欄中顯示cpu加載
我不認爲OP使用jQuery(雖然這是一個很好的建議) – 2009-09-15 14:09:09
沒有必要使用jQuery。我編輯回覆,以便看到示例 – 2009-09-15 15:58:21