Como colocar delay em elementos das páginas

  1. Visão geral
  2. Sites, Blogs, Funis e Formulários
  3. Como colocar delay em elementos das páginas

Neste vídeo você aprenderá a:

  • Implementar delay (tempo de atraso) em elementos no site do Vufanil.
  • Ocultar um elemento por um período específico antes de ele aparecer.
  • Técnica útil em vídeos de VSL para mostrar elementos somente após o vídeo atingir um ponto determinado.
  • Passo a passo para inserir um código simples que configura o delay.
  • Demonstração de como identificar o ID do elemento a ser ocultado e ajustar o tempo de exibição.
  • Como ideintificar IDs do elementos de uma página ou site, permitindo aplicação do delay em diferentes partes da página.

Abaixo o código para implementar o delay:

<style>
  #button-YHuk0lApUN {
    opacity: 0;
    transition: opacity 0.5s ease-in;
  }
</style>

<script>
  setTimeout(function() {
    document.getElementById("ID DO ELEMENTO").style.opacity = "1";
  }, 10000); // 10000 milissegundos = 10 segundos
</script>

 


Este conteúdo foi útil?