Javascript 中的计时事件

在 Javascript 中，我们常常需要使用计时器来实现一些延时执行或定时执行的功能。而计时事件是利用计时器实现这些功能的方式之一。计时事件可以通过调用 setTimeout() 或 setInterval() 函数来创建。

setTimeout()

setTimeout() 函数可以在指定的延迟时间后执行一次指定的函数。其语法如下：

setTimeout(func, delay);

其中，func 是要执行的函数，delay 是延迟的时间，以毫秒为单位。

例如，以下代码会在 1 秒钟后弹出一个提示框：

setTimeout(function() {
  alert('Hello World!');
}, 1000);

setInterval()

setInterval() 函数可以在指定的间隔时间内重复执行指定的函数。其语法如下：

setInterval(func, delay);

其中，func 是要执行的函数，delay 是间隔的时间，以毫秒为单位。

例如，以下代码会在每隔 1 秒钟弹出一个提示框：

setInterval(function() {
  alert('Hello World!');
}, 1000);

取消计时事件

如果想要取消计时事件，可以使用 clearTimeout() 或 clearInterval() 函数。其中，clearTimeout() 用于取消 setTimeout() 创建的计时事件，clearInterval() 用于取消 setInterval() 创建的计时事件。其语法如下：

clearTimeout(id);
clearInterval(id);

其中，id 是要取消的计时事件的标识符，即 setTimeout() 或 setInterval() 函数的返回值。

例如，以下代码会在 1 秒钟后取消计时事件：

var id = setTimeout(function() {
  alert('Hello World!');
}, 1000);

clearTimeout(id);

总结

计时事件是 Javascript 中常用的实现延时执行和定时执行的方式之一。通过使用 setTimeout() 和 setInterval() 函数，我们可以很方便地创建计时事件。当需要取消计时事件时，可以使用 clearTimeout() 或 clearInterval() 函数，其语法非常简单易懂。