Hola y gracias por leer mi post
He creado una pieza básica de AJAX. Se parece a lo siguiente:
<div id="name"></div> <script> async function get_name() { let server = await fetch("pageOneName") let data = await server.text() document.querySelector("#name").innerText = data } setInterval(get_name, 3000) </script>a partir de ahora no hace mucho más que recuperar mi nombre del archivo/url
Lo que me gustaría hacer es...
Mostrar mi nombre varias veces (máximo 5 veces) en varias filas. Un nombre después del 3000, otro después del 4000, etc.
Me gusta.
¿Cuál sería mi enfoque aquí?
Solo necesita crear un intervalo de 3000, 4000, 5000 para crear el nombre cada segundo después de 3 segundos y luego crear un contador para contar el límite, cuando se alcance el límite, borre los intervalos.
// initialize the variables. var counter = 0; var intervals = []; // clear all intervals function clearAllIntervals() { for (var id of intervals) { clearInterval(id); } } async function get_name() { let server = await fetch("pageOneName"); let data = await server.text(); let p = document.createElement("p"); p.append(data); document.querySelector("#name").append(p); counter +=1; // Clear the counter and the intervals show 5 names. if (counter === 5){ clearAllIntervals(); counter = 0; } } intervals.push(setInterval(get_name, 3000)); intervals.push(setInterval(get_name, 4000)); intervals.push(setInterval(get_name, 5000)); <html> <body> <div id="name"></div> </body> </html>