Search the Community
Showing results for tags 'settimeout'.
Found 4 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? -
Eu tenho vários botões da classe "b3". Um desses tem id="bt1" e display="block". Também tenho vários botões da classe "b4". Um desse tem id="bt2" e display="none" Quando clico em algum dos "b3", o display deles todos fica "none" e o display de todos os "b4" fica "block" //parei a implementação aki... Mas eu preciso que pra cada combinação "b3" + "b4" ocorra um função diferente baseado no id dos botões deles. Por exemplo, teria um função específica e única para a combinação "bt1" + "bt2" A classe "b3" tem 10 botões e a "b4" tem 6. Eu, teoricamente, preciso fazer 60 funções, e, mesmo assim, nem sei o que por nessa funções!!! Preciso unir dois .clicks para executar cada uma das 60 funções E, além disso, tem uma forma de não serem necessárias 60 funções (com possíveis 60 ifs)? Desde já obrigado a todos.
-
Por que um evento baseado no id de um elemento continua funcionando mesmo após a mudança do id do mesmo?
MrCharset posted a topic in Javascript
Boa noite a todos. Olhem, por favor, este trecho de código: $("#E25").click(function() { setTimeout(function() { document.getElementById("ter25").id = "t25"; document.getElementById("E25").style.display = "none"; }, 2000); $(".class").draggable ({ containment: "#d1", connectToSortable: "#ter25" }); $("#ter25").droppable ({ hoverClass: "ter-ativo", drop: function() { push($(this).html()); } }); }); Eu tenho um botão de id E25. Quando clico nele, divs membras da classe class (criatividade) tornam-se arrastáveis. Essas mesmas divs podem ser "droppadas" em outra div, de id ter25. Porém, preciso que apenas uma div da classe class seja "droppada" na ter25. Então, criei uma função que muda o id da ter25 para t25. Essa funçao é executada 2 segundos após o clique no botão E25. Assim, pensei eu, as divs da classe class não vão mais poder ser "droppadas". Mas me enganei. Por quê?!!! O que determina a div droppable é seu id, e eu mudei seu id!
