A simple snippet on how to use the fetch cancellation api.

fetch-api-cancellation-test.js

// For more information see:
// https://developers.google.com/web/updates/2017/09/abortable-fetch
// https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort
// https://caniuse.com/#search=fetch

const url = 'https://parrot.live';

const controller = new AbortController();
const signal = controller.signal;

setTimeout(() => controller.abort(), 1000);

fetch(url, { signal })
  .then(response => response.text())
  .then(text => console.log(text))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch aborted');
    } else {
      console.error('Uh oh, an error!', err);
    }
  });