Como fazer o efeito daley no elementor (Fazer o elemento aparecer depois de um certo tempo.)

Seja um leitor exclusivo e receba novidades no whatsApp.

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no telegram
Compartilhar no whatsapp
Compartilhar no email

Como fazer o efeito daley no elementor (Fazer o elemento aparecer depois de um certo tempo.)

Olá tudo bem?

Então como você acabou de ler no titulo deste post, vou te ensinar a criar o efeito de deley.

É bem simples e o código usado no vídeo está abaixo. Agora da o play e em caso de dúvidas deixa seu comentário.

Código usado no vídeo.

<style>
#aparecer1{display:none;}
#aparecer2{display:none;}</style>

<script type="text/javascript">
function showIt3() {
document.getElementById("aparecer1").style.display = "block";
document.getElementById("aparecer1").style.visibility = "visible";
//document.getElementById("aparecer2").style.display = "block";
//document.getElementById("aparecer2").style.visibility = "visible";

}
setTimeout("showIt3()", 120000); // 1000 = 1 sec
</script>

A parte com // é a parte comentada se você deseja esconder dois elementos basta apagar o // se você quiser esconder mais elementos basta adicionar mais uma propriedade no <style>

vai ficar mais ou menos assim:

<style>
#aparecer1{display:none;}
#aparecer2{display:none;}
#aparecer3{display:nome;} </style>

e no script vc duplica as seguintes linhas

document.getElementById("aparecer1").style.display = "block";
document.getElementById("aparecer1").style.visibility = "visible";

Substituindo pelo ID novo que você acrescentou no style. O resultado final sera algo mais ou menos desta maneira

<style>
#aparecer1{display:none;}
#aparecer2{display:none;}
#aparecer3{display:none;} 
</style>

<script type="text/javascript">
function showIt3() {
document.getElementById("aparecer1").style.display = "block";
document.getElementById("aparecer1").style.visibility = "visible";
document.getElementById("aparecer2").style.display = "block";
document.getElementById("aparecer2").style.visibility = "visible";
document.getElementById("aparecer3").style.display = "block";
document.getElementById("aparecer3").style.visibility = "visible";

}
setTimeout("showIt3()", 120000); // 1000 = 1 sec
</script>

😁 Gostou!?

Se sim compartilha deixa um comentário e até a próxima!

douglas

douglas

Criador do Blog ElementorBR, Ferramentas Lucrativas e especialista em WordPress.
Fechar Menu

Grupo Whatsapp Ferramentas Lucrativas

Um grupo voltado para ferramentas usadas no Marketing digital e conhecimento básico no Elementor, WordPress entre outros.