如何使用javascript消失动画gif

how to disappear an animated gif with javascript

本文关键字：动画 gif 消失 javascript 何使用      更新时间：2023-09-26

我有这个代码，希望有一个动画gif在3秒钟后消失。我知道我需要添加window.onload=loadingGif（）；以确保在加载页面时激发"loadingGif"函数。我的问题是这个代码不能正常工作。我想知道出了什么问题？谢谢

很抱歉我贴错了代码。它必须是：

<body>
<script type="text/javascript">
var counter = 3;                              
function downcount() {
  document.getElementById('digit').firstChild.nodeValue = counter ;
  if (counter == 0 ) {
    document.getElementById('loading').style.display = 'none';
    document.getElementById('msg').style.display = 'block';
  } else {
    counter--;
    window.setTimeout('downcount()', 1000);
  }
}
window.onload=downcount;
</script>
<div id="loading">
  <img src="loading/loading40.gif"/>
</div>
<div id="msg" style="display:none">
   <?PHP echo $_SESSION['msg'];?>
</div>

关闭img标记。

还有，数字在哪里？如果这不存在，那么您将得到JS错误。

您正在执行三个1s的setTimeout以等待3秒？这是一个更简单的解决方案，就在我的脑海中。。。

window.onload = setTimeout(removeImg, 3000)
var removeImg = function() {
    document.getElementById('loading').style.display = 'none'
    document.getElementById('msg').style.display = 'block'
}
相关文章：