javascript间隔定时器(延时定时器)学习 间隔调用和延时调用

JavaScript间隔定时器(延时定时器)学习

什么是间隔定时器和延时定时器

在JavaScript中，间隔定时器和延时定时器是两种非常常用的技术，可以用于执行定时重复操作或在一定时间后执行操作。

• 间隔定时器：通过setInterval()函数来实现，可以按照指定的时间间隔重复调用一个函数。
• 延时定时器：通过setTimeout()函数来实现，可以在指定的时间后调用一个函数。

setInterval()函数的用法

setInterval()函数的语法如下：

setInterval(func, delay, args);

其中：

• func是需要定时执行的函数；
• delay是执行函数的时间间隔（毫秒）；
• args是传给func的参数，可选。

示例代码如下所示：每到指定时间将文本修改一次。

let count = 0;

function setText() {
  count++;
  document.getElementById("demo").innerHTML = "现在是第" + count + "次修改文本。";
}

setInterval(setText, 1000);

setTimeout()函数的用法

setTimeout()函数的语法如下：

setTimeout(func, delay, args);

其中：

• func是需要定时执行的函数；
• delay是等待时间（毫秒）；
• args是传给func的参数，可选。

示例代码如下所示：3秒后将网页跳转到百度主页。

function jumpToBaidu() {
  window.location.href = "http://www.baidu.com";
}

setTimeout(jumpToBaidu, 3000);

总结

JavaScript中的间隔定时器和延时定时器是非常重要的技术，可以用于实现多种定时重复或延时执行的操作。在使用的时候，需要根据实际需求进行选择和使用。