-3

私はこのコードを持っています:

  <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").hide(1000);
  });
  $(".btn2").click(function(){
  $("p").show(1000);
  });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>

</body>
</html>

2 つのボタン (表示と非表示用) と表示/非表示のコンテンツがあります。次の変更を行いたいのですが、jQuery の経験がないため、助けが必要です。

1）ボタンを非表示にする代わりに、ページの読み込み時にコンテンツを非表示にしたい。

2) 「Clicking show」というコンテンツを表示した後、10 秒以内にユーザーを別のページにリダイレクトしたい 該当する場合。これができない場合は、10秒後にボタンを表示したい

前もって感謝します

4

2 に答える 2

3

最初から非表示にするには、CSS を使用してそれを行うことができます (ただし、非表示にするクラスまたは ID を指定する<p>ことをお勧めします)。

CSS を使用:p {display:none}または jQuery を使用$("p").css( "display", "none" );


10 秒 (10.000 ミリ秒と同じ) 後に新しいウィンドウにリダイレクトするには、次のようにします。

$(".btn2").click(function(){
  $("p").show(1000);
  setTimeout(function (){window.open('myurl.com', '_blank' )}, 10000);
  });
于 2013-07-07T09:30:00.853 に答える
3

ここでこのコードを試してください：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hide(1000);

  $(".showContent").click(function(){
      $("p").show(1000);
      window.setTimeout(function() {window.location.href = "http://google.com";}, 10*1000);
  });
});
</script>
</head>
<body>

<p>This is a paragraph.</p>
<button class="showContent">Show</button>

</body>
</html>
于 2013-07-07T09:29:53.903 に答える