URL超时后切换至备用URL并重试

思路

代码

/*
* urls: url列表
* timeout: 自定义超时时间
* callback：回调函数
* repeat：重试次数
* index：当前使用的URL（不可改）
* retryCount：当前重试次数（不可改）
*/
const retryUrls = function (urls, timeout, callback, repeat = 0, index = 0, retryCount = 0) {
  // 传入的urls必须为数组
  if (!Array.isArray(urls)) return
  // 循环重试
  if (index >= urls.length) {
    if (retryCount < repeat) {
      index = 0
      retryCount += 1
    } else {
      return
    }
  }
  // 超时定时器
  let timer = setTimeout(() => {
    nextStep()
  }, timeout)
  // 立即切换URL
  const nextStep = () => {
    stopTimer()
    this.retryUrls(urls, timeout, callback, repeat, index + 1, retryCount)
  }
  // 立即停止计时器
  const stopTimer = () => {
    if (timer) {
      clearTimeout(timer)
      timer = null
    }
  }
  callback(urls[index], stopTimer, nextStep, timeout)
}

示例

retryUrls(['https://test.com', 'https://baidu.com'], 5000, (url, stopTimer, nextStep) => {
  // 此处举例子，不保证函数可运行
  $.ajax({
	url,
	method: 'GET',
	success: () => {
	  // 返回成功后立刻清除超时计时器
	  stopTimer()
	  // do something
	},
	error: () => {
	  // 返回失败后立刻清除超时计时器，并切换URL
	  nextStep()
	}
  })
  // 其他情况等待计时器超时，自动切换URL
})