迹忆客 专注技术分享

JavaScript 提供了两个定时器函数来执行非阻塞代码。JavaScript 提供了函数 setTimeout() 和 setInterval()，它们在特定时间间隔后执行指定的表达式或函数。

在今天的帖子中，我们将了解有关 JavaScript 计时器的更多信息。

这是 JavaScript 提供的异步函数，它在计时器到期后执行特定的函数或代码段。各种原因会导致超时延迟，例如嵌套超时、非活动标签页中的超时、跟踪脚本的限制以及页面加载期间的超时延迟。

setTimeout(function[, delay, arg1, arg2, ...]);
setTimeout(code[, delay]);

这个 setTimeout() 方法返回一个正的 timeoutID，它有助于识别计时器。该值可用于 clearTimeout()。

示例代码：

<button onclick="setTimeoutFunction()">Try set Timeout</button>

function addFn(a, b)
{
 console.log(a+b);
 return a+b;
}

function setTimeoutFunction() {
  setTimeout(addFn, 5000, 5, 10);
}

输出：

15

setInterval() 方法由 JavaScript 提供。该方法在 worker 和 window 界面上提供。它重复调用一个函数或执行一段代码。此代码在每次调用之间的固定时间延迟内执行。

setInterval() 和 setTimeout() 函数之间的唯一区别是 setInterval() 重复调用函数，每次调用之间都有延迟，而 setTimeout() 在延迟后执行函数。

setInterval(function[, delay, arg1, arg2, ...]);

这个 setInterval() 方法返回一个正的 intervalID，它有助于识别计时器。该值可用于 clearInterval()。

示例代码：

<button onclick="setIntervalFunction()">Try set Interval</button>

function addFn(a, b)
{
 console.log(a+b);
 return a+b;
}

function setIntervalFunction() {
  setInterval(addFn, 5000, 5, 10);
}

输出：

15