Question

我有这个代码，并希望动画的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>

Answer 1

关闭img标签。

另外，数字在哪里？如果那不存在那么你将得到JS错误。

Answer 2

你正在做三个1s的setTimeout等待3秒钟？这是一个更简单的解决方案，就在我脑海中......

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

如何用javascript消除动画gif

2 个答案: