Fetch timeout using abort controller

fetch-timeout.js

// by https://stackoverflow.com/a/50101022/15516769
// more info https://developers.google.com/web/updates/2017/09/abortable-fetch

const controller = new AbortController();

const timeoutId = setTimeout(() => controller.abort(), 30 * 1000);

fetch(url, { signal: controller.signal })
  .then((response) => {
  // completed request before timeout fired

  // If you only wanted to timeout the request, not the response, add:
  clearTimeout(timeoutId)
})