如何在浏览器中停止处理时停止进度gif图像

Question

当我通过点击网页浏览器中的“停止加载此页面”停止处理时，如何停止“进度条gif图像”？当我点击提交按钮然后显示loading.gif图像，现在如果我点击停止浏览器的停止按钮，那么loading.gif仍在运行，我该如何阻止它？单击浏览器停止但不停止并继续时，应停止Gif。我该如何解决？

//点击提交按钮后，显示loading.gif图像

 <input onclick="showImg()" type="submit" name="submit" value="Search"/>

 <img alt="" src="loading.gif" id="progress_img" style="visibility:hidden;">

 <script language="javascript" type="text/javascript">
 function showImg()
 {
 if (document.getElementById) { (document.getElementById("progress_img")).style.visibility = "visible"; }
 }
 </script> 

Answer 1

挑战在于大多数解决方案都是特定于浏览器的......

您可以尝试不同的示例表格

Stopping GIF Animation Programmatically

Animated GIF in IE stopping

讨论得很好

由于

:)

Answer 2

单击“停止”浏览器按钮时，您只需隐藏gif即可。

document.onstop = function() {
     (document.getElementById("progress_img")).style.visibility = "hidden";
}