Question

我需要一些帮助来编写适当的JavaScript以及放置它的位置。我想做的很简单......

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

两个问题......

我不懂JavaScript，所以我只想一起破解这个
我正在使用WordPress，我不知道脚本需要放在哪里才能工作。

有什么想法吗？

Answer 1

<!DOCTYPE html>
<html>
    <head>
        <style>
            #my_div {
                display:none;
            }
        </style>

        <!-- remove noscript if you don't want it displayed if JS is off -->
        <noscript>
            <style>
                #my_div {
                    display:block;
                }
            </style>
        </noscript>
    </head>
    <body>

        <div id="my_div">the hidden div</div>

        <!-- More HTML content -->

           <!-- JavaScript just before the end of the body -->
        <script type="text/javascript">
            setTimeout(function() {
                var el = document.getElementById('my_div');
                if( el ) 
                    el.style.display = 'block';
            }, 600000); // 10 minutes
        </script>

    </body>
</html>

Answer 2

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

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

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

Answer 3

一旦将元素加载到页面上，PHP就不会处理它们的显示和隐藏。这只是javascript的域名。所以......

找到您的主题文件夹。因此，首先要检查哪个主题在admin中有效 - ＆gt;外观 - ＆gt;主题，然后转到FTP中的文件夹：wp-content / themes / yourtheme
找到并打开header.php

在</head>代码前添加以下内容：

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

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

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

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

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

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

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

3 个答案: