【JS】实现一个准确的计时器

[Easay]

最简单的倒计时秒杀

let t = 5
const timer = setInterval(() => {
  if (--t < 0) clearInterval(timer)
}, 1000)

setTimeout递归

原理是倒计时前记录当前时间 t1，递归时记录递归次数 c1，每一次递归时，用当前时间 t2 - (t1 + c1 * interval) 得到是误差时间 offset，使用 interval - offset 即可得到下一个 setTimeout 的时间。

const t1 = Date.now()
let c1 = 0  // 递归次数
let timer: any = null   // 计时器
let t = 5  // 倒计时秒数
let interval = 1000  // 间隔

function countDown() {
  if (--t < 0) {
    clearTimeout(timer)
    return
  }
    
  // 计算误差
  const offset = Date.now() - (t1 + c1 * interval)
  const nextTime = interval - offset
  c1++

  timer = setTimeout(countDown, nextTime)
}
countDown()