Javascript 使用setInterval显示/隐藏图像（代码放在哪里？）

我需要一些关于编写适当的JavaScript以及在何处放置它的帮助。我想做的很简单

我想在第一次加载页面时隐藏一个div，然后在设置的时间间隔（我们称之为10分钟）后永久显示它。我已经看遍了所有的地方，从我所知道的，我需要使用setInterval或setTimeout函数

两个问题

• 我不懂JavaScript，所以我只是想把它拼凑起来
• 我正在使用WordPress，我不知道脚本需要放在哪里才能工作

---

有什么想法吗？

抓取window.onload事件，立即隐藏div，然后调用setTimeout再次显示：

window.onload = function(){
    var divToHide = document.getElementById("divId");
    divToHide.style.display = "none";

    setTimeout(function() { divToHide.style.display = "block" }, 600000);
};

#我的分区{
显示：无；
}
#我的分区{
显示：块；
}
隐藏的div
setTimeout（函数（）{
var el=document.getElementById（'my_div'）；
如果（el）
el.style.display='block'；
}, 600000); // 10分钟

PHP不处理元素加载到页面后的显示和隐藏。这完全是javascript的领域。所以

找到你的主题文件夹。因此，首先检查哪个主题在管理->外观->主题中处于活动状态，然后转到FTP中的文件夹：wp content/themes/yourtheme

找到并打开header.php

在

标记前添加以下内容：

<script type="text/javascript">
    window.onload = function(){

         var $img = getElementById('myimage');
         $img.style.display = 'none';

         function showImg() {
              $img.style.display = ''
         }

         setTimeout("showImg()",3000);
     }
</script>

window.onload=函数（）{
var$img=getElementById（'myimage'）；
$img.style.display='none'；
函数showImg（）{
$img.style.display=''
}
setTimeout（“showImg（）”，3000）；
}

“3000”是您想要延迟的时间（以毫秒为单位）。您还需要为您的图像提供一个ID：

<img src="myimage.jpg" id="myimage" />

+1-嘿，有没有办法让dom事件在JSFIDLE中工作？window.onload似乎是ignored@AdamRackis：您在左侧的菜单中为加载选项选择了什么？我不喜欢这种方法。。。如果由于某种原因，用户没有启用javascript，则div将永远不会显示。将其隐藏在window.load上也会提供相同的效果。@j-man86:这取决于OP是否希望在没有JS的情况下显示它。在任何情况下，我都会使用

标记进行更新，以便在这种情况下显示它。我不会重新编译

窗口。onload

，因为它会一直显示，直到所有脚本和图像都完全加载，然后它就会消失。谢谢大家。。。我最终使用了这个，它工作得非常好。：）非常感谢。我真的很感激。：）

<img src="myimage.jpg" id="myimage" />