Search the Community
Showing results for tags 'settimeout'.
Found 2 results
-
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>
-
SetTimeout - funciona mas não repete todas as statements da função - Erro estranho!
Thiago2018 posted a topic in Javascript
var objectData = new Date(); window.addEventListener('click', relogio, false); var hora = objectData.getHours(); var minutos = objectData.getMinutes(); var segundos = objectData.getSeconds(); function relogio() { console.log("Função executada com sucesso!"); hora = objectData.getHours(); minutos = objectData.getMinutes(); segundos = objectData.getSeconds(); if(segundos < 10) { segundos = '0' + segundos; } if(minutos < 10) { minutos = '0' + minutos; } if(hora < 10) { hora = '0' + hora; } document.getElementById("painel").innerHTML = hora + ":" + minutos + ":" + segundos; setTimeout(relogio, 1000); } O código acima está repetindo corretamente. Isso é verificado no console através da mensagem "Função executada corretamente". Porém não atualiza o relógio! Como isso é possível se antes tudo foi testado e o relógio escreve na tela de boa. Alguém que enxergue onde está o erro, pode me ajudar?
