Async Function Not refreshing [closed]

Question

This function works for a single data item but it should keep refreshing every few seconds. How does this repeat?

   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();>

Answer 1

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>