-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）显示内容“点击显示”后，我想在 10 秒内将用户重定向到另一个页面（如果适用）。如果我不能这样做，我想在 10 秒后显示一个按钮

提前致谢

4

2 回答 2

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 回答
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 回答