javascript - HTML 4 不确定进度指示器

标签 javascript html browser

我有一个基本的 HTML 4 网页,其中包含我正在编写的 NPAPI 插件,它会导致线程在后台运行并在几秒钟后通过 JavaScript 回调返回。
不要让“插件”部分吓到您 - 这是一个直接的 HTML/JavaScript 问题。

如何在此过程中显示一个简单的不确定进度指示器?

一旦我在回调中重新获得控制权,我该如何关闭所述进度对话框?

我希望它尽可能地保持最小。


解决方案:
我采纳了@Brian 和@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. 调用showLoading()hideLoading()随意从其他 JavaScript 函数中显示和/或隐藏动画 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>

最佳答案

正如上面的评论所建议的,最常见的方法是显示一个 animated gif loading indicator。然后将其隐藏在回调中。

关于javascript - HTML 4 不确定进度指示器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15802307/

相关文章:

javascript - 无法使用 Bootstrap 和 Node 获取 POST 数据

javascript - 如何将数组从 Controller 传递到 _layout.cshtml

javascript - 测试元素的样式属性和JavaScript中的css值有区别吗?

javascript - 如何正确地递归调用 img onerror 回调函数?

html - 在 VueJS 中取消选中带有标签的 CheckBox

Javascript,单击、双击并拖动同一元素

html - 哪些浏览器支持 HTML 5/CSS3

javascript - Google Chrome 将 XHR 调用的状态显示为(已阻止 :other)

java - JPanel 上的内置浏览器

javascript - 如何在 React 中的组件之间移动