Como inserir settimeout
Estou fazendo um funil de venda - um site com 3 páginas, onde nas 2 primeiras haverá um vídeo em cada uma e na terceira um formulário. Preciso inserir um botão na primeira página que direcione a pessoa à segunda página somente após 7 minutos (que é o tempo do vídeo, senão a pessoa não vê e já vai clicando para ir para a próxima página), ou seja, a pessoa entra no site e só depois de 7 minutos o botão aparece. Preciso também um contador regressivo mostrando o tempo que falta para aparecer o botão.
Sou leigo em programação, estou iniciando agora, mas pesquisei e achei um site que você configura o layout do botão e gera o código HTML (http://www.sciweavers.org/i2style). Pesquisei mais um pouco e achei como inserir a linha para direcionar à url quando o botão é clicado, mas não sei inserir o settimeout...
Segue o código que gerei (grifado está a linha que inclui para direcionar à url):
<html>
<head>
<style type="text/css">
body {background:#eee;}
.i2Style{
font:normal 25px Arial, Helvetica, sans-serif;
font-style:normal;
color:#ffffff;
background:#2d7a21;
border:0px solid #ffffff;
text-shadow:2px 2px 3px #222222;
box-shadow:3px 3px 12px #000000;
-moz-box-shadow:3px 3px 12px #000000;
-webkit-box-shadow:3px 3px 12px #000000;
border-radius:90px 90px 90px 90px;
-moz-border-radius:90px 90px 90px 90px;
-webkit-border-radius:90px 90px 90px 90px;
width:360px;
padding:16px 60px;
cursor:pointer;
margin:0 auto;
}
.i2Style:active{
cursor:pointer;
position:relative;
top:2px;
}
</style>
</head>
<body>
<a href="https://consultormarcelocu.wixsite.com/oportunidade/video-3">
<div class="i2Style">Quero assistir ao próximo vídeo!</div>
</body>
</html>
********
****
Discussão (2)
Carregando comentários...