2013-04-04 47 views
1

我有一個基本的HTML 4網頁,其中包含一個NPAPI插件,該插件可以讓線程在後臺運行並在幾秒鐘後通過JavaScript回調返回。
不要讓「插件」部分嚇跑你 - 這是一個簡單的HTML/JavaScript問題。HTML 4不確定進度指示器

如何在此過程中顯示簡單的不確定進度指示器?

我怎麼能開除說進度對話框一旦我恢復回調控制?

我希望這樣做盡可能最小化。


解決方案
我用@布賴恩的和@ taxilian的建議。以下是我的最簡單可能進度指示器的實施細節。

  1. 我發現了一個很好的動畫「loading.gif」圖片。正確的谷歌搜索 給選項的無數像這樣:Animated Gif
  2. 圖像添加到您的HTML <body>
    <img src="loading.gif" alt="Scanning..." id="loading_img" style="visibility:hidden;" />
  3. 將JavaScript功能showLoading()hideLoading()添加到您的<head>中,如下所示。
  4. 隨意從其他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> 
+2

只需顯示一個動畫gif,然後在回調中再次隱藏它。 – 2013-04-04 04:12:51

回答