Question

所以我得到了这个按钮，我需要在5秒后显示。我没有jquery或javascript的经验

HTML代码

<body>
<p>You need to wait 0 before you can proceed</p>
<button type="button" id="proceed">proceed</button>
</body>

这是我在w3school读完之后想出来的最好的

<script>
$(document).ready(function(){
$("#show").wait(function(){
  delay 0500  $("proceed").show();
});
</script>

任何人都可以帮助我吗？

Answer 1

使用$(document).ready(function() { setTimeout(function() { $("#proceed").show(); }, 5000); });在延迟一段时间后运行一个函数：

＆＃13;

#proceed {
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>You need to wait 0 before you can proceed</p>
<button type="button" id="proceed">proceed</button>

＆＃13;

{{1}}

＆＃13;

Answer 2

如果你不想使用jQuery，那么使用setTimeOut方法作为其他人的回答。

<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
  $('#proceed').delay(5000).show(0);   
</script>
</head>
<body>
<p>You need to wait 0 before you can proceed</p>
<button type="button" id="proceed" style="display: none;">proceed</button>
</body>

Answer 3

如果要显示计时器setInterval可以使用。

var i = 4;
var time = $("#time")
var timer = setInterval(function() {
  time.html(i);
  if (i == 0) {
    $("#proceed").show();
    clearInterval(timer);

  }
  i--;
}, 1000)

#proceed {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>You need to wait <span id="time">5</span> before you can proceed</p>
<button type="button" id="proceed">proceed</button>

Answer 4

推迟功能的最简单方法是：

    setTimeOut(function(){
         //put your code here.
    },5000)//5000 millisecond

Answer 5

试一试。 .hide()将在页面加载后隐藏按钮。 .delay(5000)将等待5000毫秒。然后.show(0)将在此之后运行，显示按钮。

$('#proceed').hide().delay(5000).show(0);

Answer 6

您的代码中没有div部分。

<div id="showing"></div>

setTimeout(function(){
   $('#showing').show();
}, 5000);`

以上示例显示延迟5秒后的div部分

Answer 7

以这种方式使用jQuery＆＃39; setTimeout方法。下面是一个工作示例。 {strong>运行代码段后5秒将显示div 点击

＆＃13;

$(document).ready(function(){
  setTimeout(function(){
    $('div').css('display','block');
     }, 5000);
});

＆＃13;

div {
  width: 150px;
  height: 150px;
  background-color: red;
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>

＆＃13;

5秒后Jquery显示按钮

7 个答案: