Question

我正在尝试在加载页面1分钟后显示按钮，该按钮将位于页面中间，但它仅显示在text1上。我正在尝试将一个页面拆分为两个，因此text1和text2将是一个完整页面，而text1显示text2将被隐藏，text2将仅在按钮被单击时显示，任何帮助将被欣赏。

<div id="text1">Cat</div>
<div id="text2">Dog</div>

<button onclick="Function()">Display text 2</button>

Answer 1

运行代码段。按钮将在1分钟后显示。

$(function() {
  setTimeout(function() {
    $('#myButton').show();
  }, 60000);
  $('#myButton').click(function() {
    $('#text1').hide();
    $('#text2').show();
  });
});

#text2,
#myButton {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="text1">Cat<button id="myButton">Next Page</button></div>
<div id="text2">Dog</div>

小提琴3秒：http://jsfiddle.net/3s192nq8/2/

Answer 2

在JavaScript中添加：

setTimeout(function () {
    // Code to display your button
}, 60000);

将在1分钟（60 000毫秒）后执行。

如何在页面加载1分钟后显示按钮？

2 个答案: