settimeout与setinterval用法
时间: 2023-09-23 12:08:10 浏览: 119
javascript之setTimeOut和setInterval的用法
setInterval()和setTimeout()都是JavaScript中用来定时执行函数的方法。
setInterval()方法会重复执行指定的函数,直到被取消或页面被卸载。它接受一个函数作为参数,可以设置一个时间间隔,每隔这个时间间隔就会调用一次函数。例如,下面的代码会每隔1秒钟输出一次当前时间:
```javascript
setInterval(function() {
const now = new Date();
console.log(now.toLocaleTimeString());
}, 1000);
```
这段代码会每隔1秒钟输出一次当前时间。
而setTimeout()方法是在指定的毫秒数后执行一次函数或计算表达式。它也接受一个函数作为参数,并设置一个延迟时间。当延迟时间结束后,函数就会被调用。例如,下面的代码会在延迟3秒后输出一段文字:
```javascript
setTimeout(function() {
console.log('Hello, world!');
}, 3000);
```
这段代码会在延迟3秒后输出"Hello, world!"。
总结起来,setInterval()会重复执行指定的函数,而setTimeout()只执行一次。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [setInterval()和setTimeout()的用法](https://blog.csdn.net/weixin_46372993/article/details/129900212)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Javascript中setTimeOut和setInterval的定时器用法](https://download.csdn.net/download/weixin_38632763/14815932)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文