Estoy aprendiendo javascript, así que necesito su ayuda. Tengo un archivo de texto, como el siguiente;
Text1 Text2 Text3 ..... ..... TextnMe gustaría leer todo el contenido del archivo línea por línea, texto por texto y mostrarlo en la página html uno por uno. Un texto parpadeará, desaparecerá y luego el siguiente texto parpadeará, desaparecerá, etc. Cuando llegue al final, comenzará desde el principio del archivo y continuará línea por línea.
¿Cómo puedo hacerlo?
Puedes hacerlo de esta manera:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> </head> <body> <h1 id="my-element">Value</h1> <script> var target = document.getElementById("my-element"); var content = null; var xhr = new XMLHttpRequest(); xhr.open("GET", "content.txt"); xhr.onload = () => { content = xhr.response.split(/\r?\n/); let counter = 0; setInterval(() => { target.innerHTML = content[counter++ % content.length]; setTimeout(() => target.innerHTML = "", 500); }, 1000); }; xhr.send(); </script> </body> </html> Pero tenga en cuenta que no funciona con el protocolo file y debe ejecutar un servidor local para usarlo.