Показать / скрыть изображение с помощью setInterval (и где я могу разместить код?) - PullRequest
Новая
       0

Показать / скрыть изображение с помощью setInterval (и где я могу разместить код?)

3 голосов
/ 19 января 2012

Мне нужна помощь в написании соответствующего JavaScript и о том, где его разместить. То, что я хочу сделать, довольно просто ...

Я хочу скрыть div при первой загрузке страницы, а затем сделать так, чтобы она постоянно отображалась через заданный интервал (назовем это 10 минут) Я просмотрел все, и из того, что я могу сказать, мне нужно использовать функцию setInterval или setTimeout.

Две проблемы ...

  • Я не знаю JavaScript, поэтому я просто пытаюсь взломать это вместе
  • Я использую WordPress, и я понятия не имею, где скрипт должен быть размещен, чтобы это работало.

Есть идеи?

Ответы [ 3 ]

4 голосов
/ 19 января 2012 
<!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>
2 голосов
/ 19 января 2012

Захватите событие window.onload, немедленно скройте div, затем вызовите setTimeout, чтобы снова показать его: 

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

    setTimeout(function() { divToHide.style.display = "block" }, 600000);
};
0 голосов
/ 19 января 2012

PHP не работает с отображением и скрытием элементов после их загрузки на страницу.Это исключительно домен Javascript.Итак ...

  1. Найдите папку вашей темы.Поэтому сначала проверьте, какая тема активна в admin -> внешность -> темы, затем перейдите в папку на вашем FTP: wp-content / themes / yourtheme

  2. Найдите и откройте 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" />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...