setTimeout()----用于停止某个时间段后再执行某段代码

本文详细介绍了JavaScript中的setTimeout()函数,解释了如何使用它在指定的毫秒数后执行代码或表达式,并强调了它与setInterval()的区别:setTimeout()只执行一次,而setInterval()会重复执行。

上一篇文章讲到了setInterval(),与之类似的还有一个setTimeout()函数;

setTimeout()函数用于在指定的毫秒数后调用函数或计算表达式。by www.w3school.com.cn

而setTimeout()与setInterval()之间的区别在于,setTimeout()只执行code一次,而setInterval()则重复执行.

setTimeout(code/function,sec);

具体例子参考setInterval();

### JavaScript `setTimeout` 的用法与实例 #### 基本概念 `setTimeout` 是 JavaScript 中用于延迟执行一段代码的方法。它允许开发者指定一个时间间隔(以毫秒为单位),在这段时间之后调用某个函数执行某段代码[^4]。 其基本语法如下: ```javascript setTimeout(function, delay); ``` - **function**: 需要延时执行的回调函数- **delay**: 延迟的时间,单位为毫秒(ms)。如果设置为 0,则表示尽快执行函数,但仍需等待当前线程中的其他任务完成后再执行。 #### 实际应用案例 以下是几个常见的 `setTimeout` 使用场景: ##### 单次延迟执行 下面的例子展示了如何通过 `setTimeout` 让一条消息在两秒钟后显示出来。 ```javascript console.log("开始..."); setTimeout(() => { console.log("两秒过去了!"); }, 2000); // 延迟时间为 2000 毫秒 (即 2 秒) console.log("结束..."); ``` 注意,在这个例子中,“结束…”会先于“两秒过去了!”打印到控制台,因为 `setTimeout` 将回调推入事件队列并让主线程继续运行后续代码[^1]。 ##### 清除超时操作 可以使用返回值来取消尚未触发的 `setTimeout` 定时器。 ```javascript let timerId = setTimeout(() => { console.log("这条消息不会被打印"); }, 5000); // 如果希望提前停止计时器... clearTimeout(timerId); console.log("定时器已清除"); ``` #### 性能优化技巧 当处理大量 DOM 修改时,缓存节点列表能够显著提升性能。例如,避免多次访问动态更新的集合对象,而是将其存储在一个静态数组里再逐一修改[^2]。 #### 关于全局变量的影响 值得注意的是,定义过多不必要的全局变量可能会阻碍垃圾回收机制正常工作,从而影响内存管理效率[^3]。因此建议尽量减少全局作用域下的声明数量,并合理利用局部范围内的临时数据结构替代之。 ```javascript const myFunctionScopeVariable = '安全'; // 局部变量更优 var riskyGlobalVar = true; // 不推荐的做法 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值