JavaScript 计时事件学习笔记

在 JavaScript 中，我们可以使用计时事件来执行一些特定的操作，例如在一段时间后执行某个函数，或者每隔一定时间执行某个函数。以下是一些常见的计时事件：

setTimeout

setTimeout 函数用于在指定的延迟时间之后执行指定的代码，其基本语法如下：

javascriptCopy Code
setTimeout(function, delay);

其中，function 是要执行的代码（可以是一个函数），delay 是延迟的毫秒数。

实例

假设我们想要在页面加载后 5 秒钟后弹出一个提示框，我们可以按照以下方式编写代码：

javascriptCopy Code
// 在页面加载完成后，等待 5 秒钟再执行指定的函数
window.onload = function() {
  setTimeout(function() {
    alert("5 秒钟已经过去了！");
  }, 5000); // 延迟 5000 毫秒，即 5 秒钟
};

setInterval

setInterval 函数用于每隔一定时间执行指定的代码，其基本语法如下：

javascriptCopy Code
setInterval(function, interval);

其中，function 是要执行的代码（可以是一个函数），interval 是多少毫秒就执行一次。

实例

假设我们想要每隔 1 秒钟就弹出一个提示框，我们可以按照以下方式编写代码：

javascriptCopy Code
// 每隔 1 秒钟执行一次指定的函数
setInterval(function() {
  alert("又过去了 1 秒钟！");
}, 1000); // 每隔 1000 毫秒，即 1 秒钟执行一次

clearTimeout 和 clearInterval

如果您希望停止一个计时事件，可以使用 clearTimeout 函数或 clearInterval 函数来取消该事件。例如，如果我们想要在 5 秒钟后停止弹出提示框，我们可以按照以下方式编写代码：

javascriptCopy Code
// 定义一个计时器
var timer = setTimeout(function() {
  alert("5 秒钟已经过去了！");
}, 5000);

// 在 5 秒钟后取消计时器
setTimeout(function() {
  clearTimeout(timer);
}, 5000);

以上是 JavaScript 计时事件学习笔记的简单介绍，希望能对您有所帮助。