window.setInterval方法的定义和用法

来源：互联网 2024-08-21 22:42:55

在JavaScript中，window.setInterval()方法是一个用于重复执行函数或计算表达式的内置函数，这个方法会按照指定的时间间隔来调用一个函数或计算一个表达式，直到窗口被关闭或者使用clearInterval()方法停止。

定义

window.setInterval()方法接受两个参数：一个是要重复执行的函数或计算表达式，另一个是时间间隔（以毫秒为单位），这个方法返回一个唯一的ID，可以用来取消定时器。

var intervalId = window.setInterval(function() {    // 这里是要重复执行的代码}, 1000); // 每隔1000毫秒（1秒）执行一次

用法

window.setInterval()方法的使用非常简单，你需要定义一个函数，这个函数包含了你想要重复执行的代码，你调用window.setInterval()方法，传入你的函数和时间间隔，你可以使用返回的ID来取消定时器。

// 定义一个函数function sayHello() {    console.log('Hello, world!');}// 设置定时器，每隔1秒执行一次sayHello函数var intervalId = window.setInterval(sayHello, 1000);// 5秒后取消定时器window.setTimeout(function() {    window.clearInterval(intervalId);}, 5000);

注意事项

window.setInterval()方法的时间间隔可以是任何非负整数，如果时间间隔是0，那么window.setInterval()方法将不会执行任何操作，如果时间间隔是1，那么window.setInterval()方法将每秒执行一次，如果时间间隔是2，那么window.setInterval()方法将每两秒执行一次，以此类推。

如果提供了第三个参数，那么这个参数将被用作时间间隔的上限，也就是说，无论实际的时间间隔是多少，window.setInterval()方法都将在达到这个上限时停止执行，这个参数只在Firefox浏览器中有效。

window.setInterval()方法不会阻塞JavaScript的事件循环，即使window.setInterval()方法正在执行，其他的任务也可以继续执行。

window.setInterval()方法不会立即开始执行，它只会在当前事件循环结束时开始执行，如果你希望立即开始执行，你可以使用window.setTimeout()方法来延迟执行。

示例

下面是一个简单的示例，展示了如何使用window.setInterval()方法来创建一个计时器：

var count = 0;var intervalId = window.setInterval(function() {    count++;    console.log('Count: ' + count);}, 1000); // 每隔1秒打印一次计数器的值

在这个示例中，我们首先定义了一个变量count和一个函数，我们调用window.setInterval()方法，传入我们的函数和时间间隔，我们使用返回的ID来取消定时器。