初识setTimeout和setInterval，时间控制大师

2023-10-05 05:03:43

计时器家族新成员：setTimeout和setInterval

在JavaScript的世界里，setTimeout和setInterval是两个非常重要的计时器函数。它们都能让你在指定的时间后执行一段代码，但它们之间还是有一些微妙的区别。

setTimeout

setTimeout函数接受两个参数：第一个参数是你想执行的代码，第二个参数是延迟的时间（以毫秒为单位）。例如，如果你想在3秒后弹出“你好，世界！”，你可以这样写：

setTimeout(() => {
  alert("你好，世界！");
}, 3000);

setInterval

setInterval函数与setTimeout函数非常相似，但它有两个主要区别。首先，setInterval函数的第一个参数是一个函数，而不是一段代码。其次，setInterval函数的第二个参数是间隔时间（以毫秒为单位）。这意味着setInterval函数会每隔一段时间就执行一次给定的函数。例如，如果你想每秒钟弹出“你好，世界！”，你可以这样写：

setInterval(() => {
  alert("你好，世界！");
}, 1000);

计时器家族的妙用

计时器函数在JavaScript中有着广泛的应用场景，它们可以帮助你实现许多有趣的功能。这里列举一些常见的应用场景：

延迟执行： setTimeout函数可以让你在指定的时间后执行一段代码。这对于延迟加载图像、显示动画、或在用户输入后显示反馈信息非常有用。
间隔执行： setInterval函数可以让你每隔一段时间就执行一段代码。这对于轮询服务器、更新数据、或创建实时效果非常有用。
动画： 计时器函数可以让你创建流畅的动画。例如，你可以使用setTimeout函数来逐帧移动一个元素，或者使用setInterval函数来创建旋转效果。
游戏： 计时器函数可以让你创建各种各样的游戏。例如，你可以使用setTimeout函数来创建倒计时器，或者使用setInterval函数来创建移动的敌人。