简略介绍

在JavaScript中定时器有两个 setInterval() 与 setTimeout() 别离还有勾销定时器的办法。
这都是window的对象，调用时能够省略window。这两个办法并不在 JavaScript 的标准中。
定时器办法相干办法有四种。

setTimeout() 与setInterval()的区别是它们的执行次数不同。

⚠️setTimeout() 只执行一次setInterval()是每距离给定的工夫周期性执行。

setInterval

形容

setInterval() 办法能够依照制订的周期，来反复调用一个函数或执行一个代码段。周期单位为毫秒。
setInterval() 办法如果没有被 clearInterval() 办法敞开或页面敞开，那么会始终调用上来。
setInterval的参数有多个。
第一种，如果第一个参数为代码段，那么setInterval()办法能够选填。
第二种，如果第一个参数为函数，那么setInterval()办法能够有多个参数。

let timerId = setInterval(func|code, delay, arg1, arg2, ...)

参数

⚠️ 参数func|code 个别传入的都是函数。因为某些历史起因，反对传入代码字符串，然而不倡议这样做。

返回值

返回值timeoutID是一个正整数，示意定时器的编号。这个值能够传递给clearTimeout()来勾销该定时器。

用法

这是一个点击按钮，每隔一秒种，数字加一的示例；

<p id="showNum"></p><button onclick="timer()">点我每秒钟数字加一</button><script>  const showNum = document.getElementById("showNum");  let timerId; // 计时器的ID  let num = 0;  function timer() {    timerId = setInterval(addNum, 1000);  }  function addNum() {    showNum.innerText = `${num++}`;  }  // 没有写进行计时器代码</script>

setTimeout

形容

setTimeout()返回一个整数，示意定时器的编号，当前能够用来勾销这个定时器。
setTimeout()容许咱们将函数推延到一段时间距离之后再执行。

let timerId = setTimeout(func|code, delay, arg1, arg2, ...)

参数

setTimeout()参数这里和setInterval()的参数是一样的。

⚠️参数func|code 个别传入的都是函数。因为某些历史起因，反对传入代码字符串，然而不倡议这样做。

用法:

setTimeout()用法和 setInterval()是一样的，
不过 setTimeout() 只执行一次不同，setInterval() 是依据指定的工夫周期性执行。

<p id="showNum"></p><button onclick="timer()">点击后，期待一秒钟数字加一</button><script>  const showNum = document.getElementById("showNum");  let timerId;  let num = 0;  addNum();  function timer() {    timerId = setTimeout(addNum, 1000);  }  function addNum() {    showNum.innerText = `${num++}`;  }</script>

勾销timer

clearInterval() 办法可勾销由 setInterval() 设置的 timer。
clearTimeout() 办法可勾销由 setTimeout() 设置的 timer。

应用办法很简略,只有一个参数，该参数timeoutID为您要勾销定时器的标识符。
该ID由相应的setTimeout()或clearTimeout()调用返回.

clearInterval(intervalID);clearTimeout(timeoutID);

⚠️ 留神的是setTimeout()和setInterval()共用一个编号池，技术上，clearTimeout()和 clearInterval() 能够调换。然而，为了防止混同，不要混用勾销定时函数。

用法很简略

function timer() {  timerId = setTimeout(addNum, 1000);}clearTimeout(timerId); // 当代码运行到这行的时候，会勾销timer所设置的定时器。

在控制台应用定时器

在浏览器控制台中也能够应用定时器

console.time(timerName)

创立一个名为name的计时器，并开始计时。

⚠️ 每一个计时器必须领有惟一的名字，页面中最多能同时运行10,000个计时器。

console.timeEnd(timerName)

调用console.timeEnd(name)进行计时器并输入所耗时间（毫秒）。

console.time(timerName);console.timeEnd(timerName);

用法

for循环99999主要多少工夫示例.

console.time(name);let num;for (let index = 0; index < 99999; index++) {  num++;}console.timeEnd(name);