在浏览器中停止处理时如何停止进度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";
}