Esta función funciona para un solo elemento de datos, pero debería seguir actualizándose cada pocos segundos. ¿Cómo se repite esto?
async function get_iss() { const response = await fetch('https://api.wheretheiss.at/v1/satellites/25544'); const data = await response.json(); document.getElementById("ISSdata").innerHTML = data.altitude; Textbox1.value = data.longitude; Textbox2.value = data.latitude; } get_iss();>
async function getIss() { // make request const response = await fetch('https://api.wheretheiss.at/v1/satellites/25544'); const data = await response.json(); // update UI document.getElementById("altitude").textContent = data.altitude; document.getElementById("lat").textContent = data.latitude; document.getElementById("lng").textContent = data.longitude; } document.addEventListener("DOMContentLoaded", function(event) { console.log("Starting requesting data..."); // load data once getIss() // define interval const seconds = 2; // execute the function every x seconds (safe interval ID so we can stop the interval later) const interval = setInterval(getIss, seconds * 1000) // stop after 10 seconds here (just to not go overboard with requests here, you might not need this) setTimeout(() => { clearInterval(interval); console.log("Stopped requesting data.") }, 10 * 1000) }); <div> <span>Altitude:</span> <span id="altitude"></span> <span>Lat:</span> <span id="lat"></span> <span>Lng:</span> <span id="lng"></span> </div>