setTimeout和setIntelval的用法

本文详细介绍了JavaScript中的setTimeout和setInterval函数的用法及区别。setTimeout用于一次性延时执行代码,而setInterval则按指定周期重复执行代码,直至clearInterval被调用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

setInterval

 

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法
setInterval(code,millisec[,"lang"]) 

 

参数

 

code必需。要调用的函数或要执行的代码串。
millisec必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

返回值

一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。

 

 

setTimeout

定义和用法:
setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
 
语法:
setTimeout(code,millisec)
 
参数:
code (必需):要调用的函数后要执行的 JavaScript 代码串。   
millisec(必需):在执行代码前需等待的毫秒数。  
 
提示:
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

 

 

文章转载自:      setTimeout和setIntelval的用法和区别        http://www.studyofnet.com/news/209.html

`setTimeout` `setInterval` 都是 JavaScript 中用于定时执行代码的方法,但它们在功能使用上有一些关键的区别。 1. **setTimeout**: - **功能**:它会执行一次指定的回调函数,在给定的时间(毫秒)后延迟执行。如果你不再调用 clearTimeout() 来清除定时器,那么该回调将在设置的时间后单次执行一次。 - **参数**:`setTimeout(function, delay)`,第一个参数是你想执行的函数,第二个参数是延迟时间。 - **返回值**:`setTimeout` 返回一个整数ID,你可以用来取消这个定时器(通过`clearTimeout(id)`)。 2. **setInterval**: - **功能**:它会在设定的时间间隔内不断重复地执行回调函数,直到你主动停止或浏览器关闭。通常用于定期更新数据、轮询服务器等场景。 - **参数**:`setInterval(function, interval)`,第一个参数同上,第二个参数是重复执行之间的间隔时间(毫秒)。 - **返回值**:`setInterval` 也返回一个整数ID,可以通过`clearInterval(id)`来暂停或终止定时任务。 **用法示例**: ```javascript // 使用 setTimeout function delayedMessage() { console.log('Hello, world!'); } setTimeout(delayedMessage, 2000); // 延迟2秒后打印消息 // 使用 clearInterval (停用定时器) let intervalId = setInterval(function() { console.log('Tick...'); }, 1000); // 每秒打印 "Tick..." // 如果想要停止计时器 clearInterval(intervalId); ``` **相关问题--:** 1. `setTimeout` `setInterval` 如何控制执行次数? 2. 在什么情况下应该选择 `setInterval` 而不是 `setTimeout`? 3. 如何优雅地停止 `setInterval` 定时器?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值