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

// 设置超时时间
const timeout = 5000; // 5秒

// 设置超时定时器
const timeoutId = setTimeout(() => {
  controller.abort();
  console.log('请求超时');
}, timeout);

fetch('https://api.example.com/data', { signal })
  .then(response => {
    clearTimeout(timeoutId);
    if (!response.ok) {
      throw new Error('网络响应不正常');
    }
    return response.json();
  })
  .then(data => {
    console.log('成功获取数据:', data);
  })
  .catch(error => {
    if (error.name === 'AbortError') {
      console.log('请求被中止:', error);
    } else {
      console.log('请求错误:', error);
    }
  });

function fetchWithTimeout(url, options, timeout = 5000) {
  return Promise.race([
    fetch(url, options),
    new Promise((_, reject) =>
      setTimeout(() => reject(new Error('请求超时')), timeout)
    )
  ]);
}

fetchWithTimeout('https://api.example.com/data', {}, 5000)
  .then(response => {
    if (!response.ok) {
      throw new Error('网络响应不正常');
    }
    return response.json();
  })
  .then(data => console.log(data))
  .catch(error => console.error('错误:', error));

async function fetchWithTimeout(resource, options = {}) {
  const { timeout = 8000 } = options;
  
  const controller = new AbortController();
  const id = setTimeout(() => controller.abort(), timeout);

  const response = await fetch(resource, {
    ...options,
    signal: controller.signal  
  });
  
  clearTimeout(id);
  
  if (!response.ok) {
    throw new Error(`${response.status} ${response.statusText}`);
  }
  
  return response;
}

// 使用示例
fetchWithTimeout('https://api.example.com/data', { timeout: 5000 })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('错误:', error));