Как показывать кнопку после 1 минуты загрузки страницы?

Question

Я пытаюсь показать кнопку после загрузки 1 минуты страницы, которая будет расположена в середине страницы, но она будет отображаться только в тексте1. Я пытаюсь разделить одну страницу на две, поэтому text1 и text2 будут одной полной страницей, в то время как text1 отображает текст2, будет скрыт, а 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 миллисекунд).