2012-01-19 17 views
3

適切なJavaScriptを記述するための助けが必要です。私がしたいことはかなりシンプルです...setIntervalを使用してイメージを表示/非表示にします(コードはどこに配置しますか)。

ページが最初に読み込まれたときにdivを非表示にして、設定された間隔(10分と呼ぶ)の後に永久に表示させたいと思います。私は何と言っても何と言っても何度も見てきました。私はsetIntervalまたはsetTimeout関数を使う必要があります。

2つの問題...

  • 私はJavaScriptを知らないので、私はちょうど
  • 一緒にこれをハックしようとしている私はWordPressを使用していると私は、スクリプトが必要になります見当がつかないこれが機能するように配置する必要があります。

答えて

4
<!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> 
+0

+1 - ねえ、jsfiddleで動作するDOMイベントを取得する方法はありますか?window.onloadは無視されるようです。 –

+0

@AdamRackis:左側のメニューでは、どのような負荷オプションを選択しましたか? –

+0

... [ここに例があります](http://jsfiddle.net/bLu2b/)ここでは折り返しオプションを使用しません。 –

2

グラブwindow.onloadイベントは、すぐにdiv要素を隠し、再びそれを表示するためのsetTimeoutを呼び出します。

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

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

ああ、あなたも早すぎます! +1 –

+0

助けてくれてありがとう! –

+0

@JamesClear - 問題ありません - 幸運! –

0

、彼らがにロードされた後、PHPは要素の表示と非表示を扱っていませんページ。それは排他的にjavascriptのドメインです。だから...

  1. テーマフォルダを探します。テーマはadminにアクティブになっているので、最初のチェック - >外観 - >テーマ、そしてあなたのFTPのフォルダに移動:WP-コンテンツ/テーマ/ 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" /> 
+0

ありがとう!ほんとうにありがとう。 :) –

+0

投票=感謝祭:) –

関連する問題