Bom dia!
Eu tô com um probleminha aqui, espero que alguém consiga me ajudar.
Eu tenho dois elementos: h1 e h2, eu fiz um script para efeito de digitação pra ambos, só que eu quero que o efeito de digitação do h2 seja iniciado somente quando o h1 for terminado, ou, depois de um tempo que eu selecionar. Tentei fazer dessa forma, mas não deu certo:
<script>
function typeWrite (elemento) {
const textoArray = elemento.innerHTML.split('');
elemento.innerHTML = '';
textoArray.forEach((letra, i) => {
setTimeout(function() {
elemento.innerHTML += letra
}, 75 * i)
});
}
const titulo = document.querySelector('h1')
typeWrite(titulo);
</script>
<script>
var segundos = 4;
setTimeout ( function typeWrite (elemento) {
const textoArray = elemento.innerHTML.split('');
elemento.innerHTML = '';
textoArray.forEach((letra, i) => {
setTimeout(function() {
elemento.innerHTML += letra
}, 75 * i)
});
}, segundos * 1000);
const titulo2 = document.querySelector('h2')
typeWrite(titulo2);
</script>
Alguém pode ma falar qual é o erro? Obrigado!