js定时器详解！三分钟学会JavaScript定时器处理(setInterval、setTimeout)

如果您想延迟该过程或每3秒重复该过程，请在 JavaScript 中使用以下函数。

• setTimeout 函数・・・ 在指定时间过去后执行进程

• setInterval 函数・・・ 每隔指定时间执行进程

还有一个停止每个计时器的功能。

• clearTimeout 函数... 取消 setTimeout 设置的定时器

• clearInterval 函数... 取消 setInterval 设置的定时器

setTimeout 函数 clearTimeout 函数

在指定的时间过去后执行该过程。

var log = function(){
  console.log("test");
};

setTimeout(log, 3000);
// 3秒钟后显示“test”

setTimeout指定经过第一个参数中指定的时间后要执行的进程，以及第二个参数中的经过时间（以毫秒为单位）。

如果要将参数传递给进程，请在第三个参数之后指定它们。

const log = function(msg1){
  console.log(msg1);
};

setTimeout(log, 3000, "Hello");
// 3秒钟后显示

const log = function(msg1, msg2){
  console.log(msg1, msg2);
};

setTimeout(log, 3000, "Hello,", "Chihiro");
// 3秒钟后显示“Hello，Chihiro”

setTimeout如果您想使用一次设置计时器然后取消设置，请clearTimeout使用函数。

const timer = setTimeout(log, 3000);
clearTimeout(timer);
// 计时器被取消，即使过了3秒也不会显示

clearTimeout 指定要取消的定时器进程，setTimeout的返回值作为第一个参数。

setInterval 函数 clearInterval 函数

每隔指定时间执行该过程。

const log = function(){
  console.log("test");
};

setInterval(log, 3000);
//每3秒钟显示一次

setInterval是指定在第一个参数中指定的时间过去后要执行的过程，并在第二个参数中指定以毫秒为单位的时间。

如果要将参数传递给进程，setTimeout请在第三个参数之后指定它们。

const log = function(msg1){
  console.log(msg1);
};

setInterval(log, 3000, "Hello");
// 每3秒钟显示一次

使用setInterval设置计时器时，指定的处理按指定的时间持续执行。如果要取消，请使用clearInterval函数。

const log = function(){
  console.log("test");
};

const timer = setInterval(log, 3000);
clearInterval(timer);
// 计时器被取消。即使过了3秒也不会显示

在clearInterval中，也指定设置了想要取消为第1参数的计时器处理的setInterval的返回值。