JavaScript 计时事件-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 计时事件

在 web 开发中，经常会遇到需要计时的场景，比如倒计时、定时刷新等。JavaScript 提供了一些内置的计时事件方法，可以帮助我们实现这些功能。

setTimeout 方法

setTimeout 方法用于在指定的延迟时间后执行一次指定的函数。语法如下：

setTimeout(function, delay)

其中，function 是要执行的函数，delay 是延迟的毫秒数。示例代码如下：

function sayHello() {
  console.log('Hello, world!');
}

setTimeout(sayHello, 2000); // 2秒后输出 'Hello, world!'

setInterval 方法用于每隔指定的时间间隔重复执行指定的函数。语法如下：

setInterval(function, interval)

其中，function 是要执行的函数，interval 是时间间隔的毫秒数。示例代码如下：

function printTime() {
  console.log(new Date());
}

setInterval(printTime, 1000); // 每秒输出当前时间

setTimeout 方法返回一个唯一的标识符，可以通过 clearTimeout 方法取消延迟执行。示例代码如下：

let timer = setTimeout(sayHello, 2000);

clearTimeout(timer); // 取消延迟执行

setInterval 方法也返回一个唯一的标识符，可以通过 clearInterval 方法停止重复执行。示例代码如下：

let timer = setInterval(printTime, 1000);

clearInterval(timer); // 停止重复执行

以上就是 JavaScript 计时事件的介绍，通过 setTimeout 和 setInterval 方法，我们可以实现各种计时功能。

纠错
反馈