我有一个基本的 HTML 4 网页,其中包含我正在编写的 NPAPI 插件,它会导致线程在后台运行并在几秒钟后通过 JavaScript 回调返回。
不要让“插件”部分吓到您 - 这是一个直接的 HTML/JavaScript 问题。
如何在此过程中显示一个简单的不确定进度指示器?
和
一旦我在回调中重新获得控制权,我该如何关闭所述进度对话框?
我希望它尽可能地保持最小。
解决方案:
我采纳了@Brian 和@taxilian 的建议。以下是我为最简单的进度指示器实现的具体细节。
- 我找到了一个很好的动画“loading.gif”图像。正确的谷歌搜索 给出了无数的选项,例如:
- 将图像添加到您的 html
<body>
:
<img src="loading.gif" alt="Scanning..." id="loading_img" style="visibility:hidden;" />
. - 添加 JavaScript 函数
showLoading()
和hideLoading()
给你的<head>
如下所示。 - 调用
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/