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

Question

当我通过单击Web浏览器中的“停止加载此页面”来停止处理时，如何停止“进度条gif图像”？当我点击提交按钮，然后显示loading.gif图像，现在如果我点击停止浏览器的停止按钮，那么也loadjoy.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

你可以简单地隐藏GIF点击“停止”按钮，浏览器的时候。

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

Answer 2

所面临的挑战是，大多数的解决方案是针对特定浏览器...

你可以尝试不同的例子形成

Stopping GIF Animation Programmatically

Animated GIF in IE stopping

它已经得到了很好的讨论

感谢

:)