当前位置:首页 > JavaScript

js实现settimeout

2026-03-02 08:01:23JavaScript

使用 setTimeout 实现延时执行

setTimeout 是 JavaScript 中用于在指定时间后执行一次函数的方法。其基本语法如下:

setTimeout(function, delay, [arg1], [arg2], ...);
  • function:需要延时执行的函数。
  • delay:延时时间(毫秒)。
  • arg1, arg2:可选参数,传递给函数的额外参数。

基本用法示例

以下代码会在 2 秒后打印 "Hello, World!":

setTimeout(() => {
  console.log("Hello, World!");
}, 2000);

传递参数给回调函数

可以通过 setTimeout 的额外参数传递数据给回调函数:

setTimeout((message) => {
  console.log(message);
}, 1000, "This is a message");

清除 setTimeout

setTimeout 返回一个计时器 ID,可以通过 clearTimeout 取消延时执行:

const timerId = setTimeout(() => {
  console.log("This will not run");
}, 3000);

clearTimeout(timerId);

使用箭头函数简化

箭头函数可以简化回调的写法:

setTimeout(() => console.log("Simplified"), 1500);

递归实现周期性任务

虽然 setInterval 更适合周期性任务,但 setTimeout 也可以通过递归实现类似效果:

function repeat() {
  console.log("Recursive timeout");
  setTimeout(repeat, 1000);
}
setTimeout(repeat, 1000);

注意事项

  • 延时时间只是最小值,实际执行时间可能因浏览器繁忙而延迟。
  • 避免在回调中执行耗时操作,以免阻塞主线程。
  • 在单页应用切换时,未执行的 setTimeout 仍会继续运行,必要时需清除。

js实现settimeout

标签: jssettimeout
分享给朋友:

相关文章

js实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以直…

js实现图片预览

js实现图片预览

使用FileReader API实现图片预览 通过FileReader对象读取用户选择的图片文件并显示预览: const input = document.getElementById('imag…

js实现验证

js实现验证

验证表单输入 使用JavaScript验证表单输入是常见的需求。可以通过监听表单提交事件,检查输入字段是否符合要求。 document.getElementById('myForm').addEve…

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现报表

js实现报表

使用JavaScript实现报表 在JavaScript中实现报表功能可以通过多种方式完成,常见的方法包括使用原生JavaScript、第三方库(如Chart.js、D3.js)或结合后端数据渲染。以…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…