js中的setInterval()用法详解与代码示例
时间: 2024-03-02 08:47:52 浏览: 68
JavaScript SetInterval与setTimeout使用方法详解
好的,关于setInterval()的用法,我可以为您进行详细地讲解并提供代码示例。
setInterval() 方法用于每隔一段时间重复执行一段代码,直到 clearInterval()被调用或窗口被关闭。setInterval() 方法的语法如下:
```
setInterval(function, milliseconds);
```
其中,第一个参数是要执行的代码,可以是函数名或匿名函数;第二个参数表示重复执行的间隔时间,单位是毫秒。
下面是一个简单的示例,每隔1秒钟在控制台输出一次当前时间:
```javascript
setInterval(function() {
var date = new Date();
console.log(date.toLocaleTimeString());
}, 1000);
```
在这个示例中,我们使用了匿名函数作为第一个参数,用来输出当前时间,间隔时间是1秒钟。
另外,我们也可以使用 clearInterval() 方法来停止 setInterval() 方法的执行。例如,下面的代码定义了一个计时器,每隔1秒钟输出一次当前时间,但是在5秒钟后停止输出:
```javascript
var counter = 0;
var intervalId = setInterval(function() {
var date = new Date();
console.log(date.toLocaleTimeString());
counter++;
if (counter == 5) {
clearInterval(intervalId);
}
}, 1000);
```
在这个示例中,我们定义了一个计数器变量 counter 和一个计时器变量 intervalId,每隔1秒钟输出一次当前时间,并且每输出一次就让计数器加1,当计数器的值达到5时,就调用 clearInterval() 方法停止计时器的执行。
希望这个解答能够对您有所帮助。
阅读全文