settimeout和setinterval面试题
时间: 2023-11-03 09:56:47 浏览: 54
settimeout和setinterval是JavaScript中的两个常用函数,用于设置定时器。它们可用于执行一些操作或函数,使其在一段指定的时间后或定期地重复执行。
1. settimeout函数:
settimeout函数用于在指定的延迟时间后执行一次指定的代码。它接受两个参数:一个回调函数和一个延迟时间(以毫秒为单位)。
示例:
```javascript
setTimeout(function(){
console.log("Hello, world!");
}, 1000); // 1秒后输出 "Hello, world!"
```
在上述示例中,settimeout函数设置了一个1秒钟的延迟,之后执行了一个匿名函数,该函数输出了"Hello, world!"。
2. setinterval函数:
setinterval函数用于以指定的时间间隔重复执行指定的代码。它也接受两个参数:一个回调函数和一个时间间隔(以毫秒为单位)。
示例:
```javascript
var counter = 0;
var intervalId = setInterval(function(){
counter++;
console.log(counter);
if(counter === 5) {
clearInterval(intervalId); // 当计数器达到5时停止重复执行
}
}, 1000); // 每秒输出一个递增的计数器值,直到计数器达到5
```
在上述示例中,setinterval函数设置了每秒执行一次的时间间隔,之后执行了一个匿名函数。该函数递增一个计数器,并在控制台输出计数器的值。当计数器达到5时,使用clearinterval函数停止重复执行。
这些函数在前端开发中经常使用,面试可能会涉及它们的用法、参数和注意事项。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)