Javascript Criar elemento e fazer ele desaparecer em segundos com JS

[edureoli]

Olá pessoal.

Existe alguma forma de uma div criada através do childNode sumir após alguns segundos de exibição, via javascript? Gostaria que o texto, chamado por um clique, desaparecesse depois de 10 segundos.

 

[GabrielSennaMs]

@edureoli

 

21 minutos atrás, edureoli disse:

Existe alguma forma de uma div criada através do childNode sumir após alguns segundos de exibição, via javascript? Gostaria que o texto, chamado por um clique, desaparecesse depois de 10 segundos.

Existe sim, e pela descrição me parece que você quer criar um Snackbar.

 

Aqui tem um tutorial: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_snackbar

 

Ou

 

        <button onclick="myFunction()">Show Snackbar</button>
        <div id="snackbar" style="display: none;">Some text some message..</div>
        <script>
            function myFunction()
            {
                let x = document.getElementById("snackbar");
                
                x.style.display = 'block';
                setTimeout(function(){ x.style.display = 'none';}, 3000);
            }
        </script>

 

[edureoli]

Muito obrigado! Barbada!