Você pode usar a função setTimeout()
e jQuery para resolver seu problema facilmente.
Onde:
No HTML
No HTML
style="display:none"
- fará o botão ficar invisível no inicio
No JavaScript
No JavaScript
$('#idSubmit')
- representa o seletor do seu elemento.show()
- representa a função que no caso é exibir3000
é o tempo em milisegundos que voce deseja esperar, mantive um tempo de 3 segundos para o exemplo não demorar muito mas voce pode colocar o tempo que quiser 20 segundos seria20000
Veja o codigo abaixo
$('#idSubmit').hide();
setTimeout(function(){
$('#idSubmit').show();
}, 3000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="id" >
First name:<br>
<input type="text" name="firstname"> <br>
Last name:<br>
<input type="text" name="lastname"> <br>
<input id="idSubmit" type="submit" style="display: none;" />
</form>