JavaScript (十一) -- JavaScript 定时器的运用

目录

1.  JavaScript 定时器的概述：

2.  setTimeout()（延迟执行代码）

2.1  setTimeout的基本语法：

2.2  setTimeout的示例代码：

3.  setInterval()（循环执行代码）

3.1  setInterval的基本语法

3.2  setInterval的示例演示：

4.  clearInterval()(取消循环执行代码)

4.1  clearInterval()的基本语法：

4.2  clearInterval()的示例演示：

5.  小案例：通过定时器来制作简单的轮播图

---

1.  JavaScript 定时器的概述：

JavaScript中有两种定时器，分别是 setTimeout 和 setInterval 。这两种定时器都可以用于延迟执行代码或循环执行代码。

2.  setTimeout()（延迟执行代码）

2.1  setTimeout的基本语法：

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

• function参数是要执行的函数，
• delay参数是延迟执行的毫秒数，
• param1、param2等可选参数是要传递给函数的参数。

setTimeout会在指定的延迟时间后执行function函数。

2.2  setTimeout的示例代码：

<script>
function sayHello(name) {
  console.log(`Hello, ${name}`);
}
setTimeout(sayHello, 5000, 'Java World！');
</script>

 上面的代码将在5秒后输出:Hello, Java World!

3.  setInterval()（循环执行代码）

3.1  setInterval的基本语法

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

• function参数是要执行的函数，
• delay参数是每次执行的时间间隔，
• param1、param2等可选参数是要传递给函数的参数。

setInterval会在每次指定的时间间隔后重复执行function函数，直到调用clearInterval停止它。