关于js中两种定时器的设置及清除.pdf

js 中两种定时器的设置及清除 在JavaScript中，存在两种定时器：setTimeout和setInterval，这两种定时器都可以用来执行延迟或循环执行某个函数，但是它们的使用场景和实现机制不同。 1. setTimeout setTimeout是设置一个定时器，指定一个函数在指定的时间间隔后执行。其语法格式为：`window.setTimeout([function],[interval])`，其中`function`是要执行的函数，`interval`是时间间隔（以毫秒为单位）。当到达指定的时间间隔后，执行对应的函数，执行完成后定时器停止（但是定时器还在，只不过没用了）。 例如： ``` var timer1 = window.setTimeout(function(){ console.log("Hello World!"); }, 1000); ``` 这将在1秒后执行函数`console.log("Hello World!")`，并将其返回值赋给`timer1`。 2. setInterval setInterval是设置一个循环定时器，指定一个函数在指定的时间间隔后执行，并且在执行完成后继续执行下一次。其语法格式为：`window.setInterval([function],[interval])`，其中`function`是要执行的函数，`interval`是时间间隔（以毫秒为单位）。当到达指定的时间间隔后，执行对应的函数，执行完成后定时器并没有停止，以后每隔指定的时间间隔都会重新执行对应的函数，直到我们手动清除定时器为止。 例如： ``` var timer2 = window.setInterval(function(){ console.log("Hello World!"); }, 1000); ``` 这将在1秒后执行函数`console.log("Hello World!")`，并将其返回值赋给`timer2`，并且每隔1秒继续执行该函数。 3. 清除定时器 为了停止定时器的执行，可以使用`window.clearTimeout()`或`window.clearInterval()`方法。两种方法都可以清除通过setTimeout和setInterval设置的定时器，并且参数不仅可以是timer，还可以是其返回值，例如1,2。 例如： ``` window.clearTimeout(timer1); ``` 这将清除之前设置的定时器`timer1`。 需要注意的是，定时器即使清除了，其返回值也不会清除，之后设置的定时器的返回值也会在其返回值的基础上继续向后排。这点类似于银行的排队领号，即使1号的业务办理完了，后边的人仍是从2号开始继续领号，而不是重新从1开始。 setTimeout和setInterval都是JavaScript中的定时器，前者用于执行延迟执行某个函数，后者用于循环执行某个函数。通过使用这两种定时器，可以实现各种复杂的计时器和循环执行逻辑。