setTimeout延迟执行不同结构的作用效果

最新推荐文章于 2024-08-30 08:45:00 发布

SThranduil

最新推荐文章于 2024-08-30 08:45:00 发布

阅读量766

点赞数

分类专栏：前端 js 文章标签： setTimeout

本文链接：https://blog.csdn.net/SThranduil/article/details/96439476

版权

setTimeout方法用于在指定时间后执行函数或表达式。本文详细介绍了其语法、参数和实际应用，强调了在设置延迟函数时不应带括号以确保延迟生效，并指出可以传递额外参数给执行函数。此外，还提到了clearTimeout方法用于取消函数执行。

摘要由CSDN通过智能技术生成

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

提示： 1000 毫秒= 1 秒。
提示：如果你只想重复执行可以使用 setInterval() 方法。
提示：使用 clearTimeout() 方法来阻止函数的执行。

语法

 1. setTimeout(code, milliseconds, param1, param2, ...)
 2. setTimeout(function, milliseconds, param1, param2, ...)

参数

code/function：必需。要调用一个代码串，也可以是一个函数。
milliseconds：可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。
param1, param2, … ：可选。传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。

实际案例

功能：等待5s后弹出相应提示框：

 1. setTimeout(showDialogWithParam(data), 5000);    ==》立即执行，未等待
 2. setTimeout(showDialogWithParam, 5000, data);    ==》等待5s后执行
 3. setTimeout(showDialog(), 5000,);   				==》立即执行，未等待
 4. setTimeout(showDialog, 5000);