TypeScript中的定时器

在ts中使用setInterval()和 setTimeout()时,如果把特们的返回值定义成number类型,那么ts会警告你不能将类型“Timeout”分配给类型“number” 或 你不能将类型“Timer”分配给类型“number”

原因

• setInterval()和 setTimeout()使用的是 Node.js 下的接口定义,而在ts中，window下的setInterval 和 setTimeout返回的是number

解决

• 1, 使用window.setTimeout,window.setInterval;

timer = window.setTimeout(() => {

        //to do

      }, 500)

• 2,把返回值类型定义成number | null;

let timer: number | null = setTimeout(() => {

          //to do

        }, 500)

• 3, 强制转换成number类型;

let timer = Number(setInterval(() => {
      // to do 
    }, 500));
// clearInterval(Number(timer))