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

how to stop progress gif image when processing is stopped in browser

本文关键字:gif 图像 处理 浏览器      更新时间:2023-09-26

在web浏览器中单击"停止加载此页面"停止处理时,如何停止"进度条gif图像"?当我点击提交按钮时,会显示loading.gif图像,现在如果我点击停止浏览器的停止按钮,那么loading.gif仍在运行,我该如何停止它?当点击浏览器的停止时,Gif应该停止,但它并没有停止和继续。我该怎么解决?

//点击提交按钮后,会在此处显示加载.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> 

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

你可以尝试的不同例子

用程序停止GIF动画

动画GIF在IE停止

对此进行了充分讨论

感谢

:)

单击"停止"浏览器按钮时,您可以简单地隐藏gif。

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