Quiero eliminar el efecto ::after después de que se complete una función usando JS.
Aquí está el código:
let text = 'Stack Overflow is a question and answer website for professional and enthusiast programmers. It is the flagship site of the Stack Exchange Network,[4][5][6] created in 2008 by Jeff Atwood and Joel Spolsky' let interval; let i = 0; interval = setInterval(function() { if (i < text.length) { document.querySelector('div').textContent += text.charAt(i) } else { window.clearInterval(interval) } i++ }, 20) div::after { content: '|' } <div></div> Me pregunto si hay alguna manera de eliminar el "|" ( ::after effect) después de que terminó el interval .
¡Gracias por cualquier respuesta!
Si agrega una clase a su definición, puede cambiar esta y desactivarla
div.foo::después{ contenido:'|' }
setInterval(function(){ if(i<text.length){ document.querySelector('div').textContent += text.charAt(i) } else{ window.clearInterval(interval) document.querySelector('div').classList.remove("foo"); } i++ },20)