下面是“JavaScript定时器使用方法详解”的完整攻略：

JavaScript定时器使用方法详解

JavaScript定时器是指在指定时间间隔内以指定频率执行指定函数的机制，它主要有两种定时器函数：setInterval和setTimeout。

setInterval

setInterval函数的语法如下：

setInterval(function, delay, param1, param2, ...)

参数说明：

• function：要执行的函数，在指定时间间隔内以指定频率执行。
• delay：执行函数的时间间隔，以毫秒为单位。
• param1, param2, ...：要传递给函数的可选参数。

setInterval函数的返回值是一个ID值，可以用于取消定时器（后面会讲到）。

示例一

下面的例子展示了使用setInterval实现每隔1秒钟输出一次“Hello world！”：

let timer = setInterval(function() {
  console.log("Hello world！");
}, 1000);

启动定时器后，它将每隔1秒钟执行一次函数体内的代码，输出一行“Hello world！”。

示例二

setInterval函数还可以传递参数。下面的例子演示了如何在定时器中传递参数：

function printInfo(name, age) {
  console.log(`My name is ${name}, I'm ${age} years old.`);
}

let timer = setInterval(printInfo, 1000, "Tom", 20);

这段代码中，我们定义了一个名为printInfo的函数，它有两个参数：name和age。然后我们调用setInterval函数，指定要每隔1秒钟执行一次printInfo函数，并传递两个参数（分别是"Tom"和20）。

setTimeout

setTimeout函数的语法如下：

setTimeout(function, delay, param1, param2, ...)

参数说明：

• function：要执行的函数，在指定时间间隔后执行一次。
• delay：执行函数的时间间隔，以毫秒为单位。
• param1, param2, ...：要传递给函数的可选参数。

setTimeout函数同样返回一个ID值，可以用于取消定时器（后面会讲到）。

示例一

下面的例子展示了使用setTimeout实现延时输出“Hello world！”：

setTimeout(function() {
  console.log("Hello world！");
}, 1000);

一共只会输出一次“Hello world！”，在1秒钟后执行该函数。

示例二

setTimeout函数同样可以传递参数。下面的例子演示了如何在定时器中传递参数：

function printInfo(name, age) {
  console.log(`My name is ${name}, I'm ${age} years old.`);
}

setTimeout(printInfo, 1000, "Tom", 20);

这段代码中，我们定义了一个名为printInfo的函数，它有两个参数：name和age。然后我们调用setTimeout函数，指定在1秒钟后执行printInfo函数，并传递两个参数（分别是"Tom"和20）。

取消定时器

我们可以使用clearInterval和clearTimeout来取消定时器。

clearInterval(timer); // 取消setInterval定时器
clearTimeout(timer); // 取消setTimeout定时器

这里的timer即指的是上面讲到的ID值，通过它来取消对应的定时器。

以上就是关于JavaScript定时器的使用方法详解。