0
236
VistasclearInterval en bucle no funciona como se esperaba
tengo un problema cuando borro las letras me queda la palabra
tengo dos h1 borro la palabra de cada h1 y cuando se borran todas las letras detengo el intervalo para cada h1 especialmente para ella
let mySelector = document.querySelectorAll(".writ-text"); for (let l = 0; l < mySelector.length; l++) { removeText = setInterval(function() { // Cut the last letter of the word and print the word after editing document.querySelectorAll(".writ-text")[l].textContent = document.querySelectorAll(".writ-text")[l].textContent.substr(0, document.querySelectorAll(".writ-text")[l].textContent.length - 1); // Check if the entire word has been deleted if (document.querySelectorAll(".writ-text")[l].textContent.length == 0) { clearInterval(removeText) } }, 1000); } <h1 class="writ-text">gold</h1> <h1 class="writ-text">golder</h1>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Ha borrado el único setInterval llamado removeText (ámbito global) que lo hace para ambos textos.
Use un alcance de bloque como let const para hacer ejercicio
let mySelector = document.querySelectorAll(".writ-text"); for (let l = 0; l < mySelector.length; l++) { let removeText = setInterval(function() { // Cut the last letter of the word and print the word after editing document.querySelectorAll(".writ-text")[l].textContent = document.querySelectorAll(".writ-text")[l].textContent.substr(0, document.querySelectorAll(".writ-text")[l].textContent.length - 1); // Check if the entire word has been deleted if (document.querySelectorAll(".writ-text")[l].textContent.length == 0) { clearInterval(removeText) } }, 1000); } <h1 class="writ-text">gold</h1> <h1 class="writ-text">golder</h1>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta