使用Axios判断请求完成时间并控制加载状态

使用axios的timeout参数来设置请求超时时间，然后在发送请求前记录当前时间，请求完成后再计算请求所花费的时间。根据时间的大小来决定是否显示加载中的提示。以下是一个示例代码：

const axios = require('axios');

function fetchData() {
  const startTime = Date.now();

  axios.get('https://api.example.com/data', { timeout: 3000 })
    .then(response => {
      const endTime = Date.now();
      const elapsedTime = endTime - startTime;

      if (elapsedTime < 2000) {
        console.log('请求完成时间小于2秒');
        // 不显示加载中
      } else {
        console.log('请求完成时间大于3秒');
        // 显示加载中
      }

      console.log(response.data);
    })
    .catch(error => {
      console.log('请求出错', error);
    });
}

fetchData();

在上述代码中，我们使用Date.now()来获取当前时间戳，然后在发送请求前记录起始时间startTime。请求完成后，再获取当前时间戳endTime，计算请求所花费的时间elapsedTime。根据elapsedTime的大小来决定是否显示加载中的提示。如果小于2秒，则不显示加载中；如果大于3秒，则显示加载中。