定时器 setTimeout(),setInterval() 清除定时器
时间: 2023-11-11 16:05:03 浏览: 99
js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)
setTimeout() 函数用于在指定的延迟时间后执行一次函数。它接受两个参数:要执行的函数和延迟时间(以毫秒为单位)。例如,以下代码将在延迟 1000 毫秒(1 秒)后执行函数:
```javascript
setTimeout(function() {
// 要执行的代码
}, 1000);
```
setInterval() 函数用于按照指定的时间间隔重复执行函数。它也接受两个参数:要执行的函数和时间间隔(以毫秒为单位)。例如,以下代码将每隔 2000 毫秒(2 秒)执行一次函数:
```javascript
setInterval(function() {
// 要执行的代码
}, 2000);
```
如果你想要清除定时器,可以使用 clearInterval() 函数来取消 setInterval() 的执行,或者使用 clearTimeout() 函数来取消 setTimeout() 的执行。这两个函数都接受一个参数,即要取消的定时器的标识符。例如,以下代码演示了如何使用 clearTimeout() 取消 setTimeout() 的执行:
```javascript
var timer = setTimeout(function() {
// 要执行的代码
}, 1000);
// 取消定时器
clearTimeout(timer);
```
类似地,以下代码演示了如何使用 clearInterval() 取消 setInterval() 的执行:
```javascript
var timer = setInterval(function() {
// 要执行的代码
}, 2000);
// 取消定时器
clearInterval(timer);
```
通过清除定时器,你可以停止之前设置的定时任务的执行。
阅读全文