1
我有一個基本的HTML 4網頁,其中包含一個NPAPI插件,該插件可以讓線程在後臺運行並在幾秒鐘後通過JavaScript回調返回。
不要讓「插件」部分嚇跑你 - 這是一個簡單的HTML/JavaScript問題。HTML 4不確定進度指示器
如何在此過程中顯示簡單的不確定進度指示器?
和
我怎麼能開除說進度對話框一旦我恢復回調控制?
我希望這樣做盡可能最小化。
解決方案:
我用@布賴恩的和@ taxilian的建議。以下是我的最簡單可能進度指示器的實施細節。
- 我發現了一個很好的動畫「loading.gif」圖片。正確的谷歌搜索 給選項的無數像這樣:
- 圖像添加到您的HTML
<body>
:
<img src="loading.gif" alt="Scanning..." id="loading_img" style="visibility:hidden;" />
。 - 將JavaScript功能
showLoading()
和hideLoading()
添加到您的<head>
中,如下所示。 - 隨意從其他JavaScript函數中調用
showLoading()
和hideLoading()
來顯示和/或隱藏動畫GIF圖像。
的JavaScript在<head>
第:
<script type="text/javascript">
function showLoading()
{
if(document.getElementById) {
(document.getElementById("loading_img")).style.visibility="visible";
}
}
function hideLoading()
{
if(document.getElementById) {
(document.getElementById("loading_img")).style.visibility="hidden";
}
}
</script>
只需顯示一個動畫gif,然後在回調中再次隱藏它。 – 2013-04-04 04:12:51